KUMBE · BLOG


Dietro le quinte del sito web 4 – Web typography



software web portal web service
19 mar 2017

Moreno Trainini
Posted by:
Moreno Trainini

Dopo una lunga attesa torniamo alla quarta parte della rubrica ‘Dietro le quinte del sito web’ andando ad analizzare nel dettaglio ciò che viene effettivamente fatto dopo aver realizzato il wireframe, andando in particolare a denotare la scelta (non sempre immediata) della tipografia da utilizzare per il sito web specifico.

La tipografia del web si riferisce all’utilizzo di caratteri all’interno di siti web, quando l’HTML (Hyper Text Markup Language, è il linguaggio standard di marcatura per creare pagine ed applicazioni web, insieme a CSS ed a JavaScript forma la triade delle tecnologie utilizzate per il world wide web) fu introdotto per la prima volta i caratteri e gli stili erano controllati in modo esclusivo dalle impostazioni del web browser che visualizzava la pagina web e non erano quindi in alcun modo personalizzabili.

Storicamente i font utilizzati all’interno di una pagina web dovevano essere necessariamente installati sul dispositivo che attraverso il suo browser visualizzava il contenuto della pagina, poteva quindi esserci solo un sotto-insieme di font disponibili sui vari dispositivi (di default il browser supportava caratteri di tipo sans-serif o monospace). Questa era ovviamente una problematica perché limitava grandemente la capacità comunicativa del sito web attraverso l’espressività dei caratteri utilizzati all’interno dello stesso.

I designer solitamente cercano di limitare la varietà di caratteri (chiamati in gergo tecnico typefaces, cioè un insieme di caratteri composti da glifi che condividono tra di loro un tema ed uno stile comuni) ad un sottoinsieme che sia utilizzabile da qualsiasi tipo di utente attraverso qualsiasi periferica multimediale. I browser, specificatamente, supportano un gruppo di caratteri sicuri (safe fonts) presenti come fallback su ogni sistema operativo e che consentono di visualizzare il contenuto del sito web.

Con il passare degli anni e con l’importanza sempre crescente dei siti web la necessità di poter scegliere un proprio carattere distintivo è diventata sempre più impellente, fortunatamente con l’avvento di CSS3 (la più recente iterazione dei CSS, Cascading Style Sheets, o fogli di stile in cascata, un linguaggio utilizzato per descrivere la rappresentazione del documento scritto in linguaggi di marcatura come l’HTML) è stato aggiunto il supporto al download dei font da remoto, ciò significa che il carattere può essere così visualizzato anche su dispositivi che non hanno effettivamente il font installato a livello di sistema operativo.

Questo supporto viene dato attraverso l’utilizzo della tecnica di embedding data dalla regola @font-face, che consente di importare il carattere (salvato localmente o in remoto) per poter essere utilizzato per tipizzare il testo della pagina.

FORMATI DI FILE:

Vediamo di seguito una lista di formati utilizzati per i font all’interno di siti web.

  • TrueDoc: è stato il primo standard utilizzato per l’inclusione di font, anche se non specificatamente per font di tipo web. E’ stato introdotto nel 1994 da Bitstream e supportato solo fino al rilascio della sesta versione del browser Netscape Navigator.
  • EOT: Embedded OpenType, supportato da Internet Explorer dalla versione 4.0, utilizza delle tecniche di gestione del copyright dei font (DRM, Digital rights management) per evitare che i font utilizzati possano essere copiati senza una licenza.
  • SVG: Scalable Vector Graphics, un formato di immagine vettoriale basato su XML che consente la rappresentazione di grafica bidimensionale che supporta interattività ed animazioni. Generalmente sono ora deprecati perché i browser più recenti utilizzano un subset di font SVG inclusi in OpenType (e WOFF) chiamati SVGOpenTypeFonts.
  • TTF: TrueType fonts, è uno standard sviluppato da Apple e Microsoft alla fine degli anni 80 ed è divenuto il formato per i font utilizzato in tutti i maggiori sistemi operativi.
  • OTF: OpenType fonts, è un formato scalabile di font per computer, sviluppato come successore a TrueType nel 1996 da Microsoft.
  • WOFF: Web Open Font Format, è essenzialmente OTF o TTF con una compressione e metadata aggiuntivi. Compatibile con tutti i browser maggiormente utilizzati ed è SEO.

Le figure alla quali solitamente è affidato il compito di selezione della tipografia del sito web sono i grafici ed i designer che cercano, attraverso l’utilizzo di un determinato subset di font, di rappresentare nel modo migliore e visivamente espressivo l’informazione contenuta nel sito web.

Per concludere la tipografia del web fornisce uno strumento molto potente nelle mani di chi progetta il sito web e consente un livello di personalizzazione della visualizzazione e dello stile con cui l’informazione è presentata senza pari.





Precedente Prossimo articolo


Kumbe blog



web-developer-kumbe,2045.jpg?WebbinsCacheCounter=1
full-stack-senior-web-developer_kumbe,2043.jpg?WebbinsCacheCounter=1
newsletter-email-marketing-per-hotel,1912.jpg?WebbinsCacheCounter=1

Azienda per il Turismo Dolomiti Paganella
Prosecco Hills
Andalo Life, Family Activity Park
Pretzhof Selection
Courmayeur Mont-Blanc
Madonna di Campiglio Pinzolo-Val Rendena, Azienda per il Turismo

Madonna di Campiglio Pinzolo-Val Rendena, Azienda per il Turismo
Madonna di Campiglio, Pinzolo-Val Rendena (TN)


Dettagli   Visita il Sito
Terme di Comano Dolomiti di Brenta, Azienda per il Turismo
Skirama Dolomiti Adamello Brenta, official website


Kumbe Tribu


I guerriglieri del Web

Il nostro totem: la zwebra!

Tre capostipiti e tanti sciamani con un'unica battaglia da combattere: la qualità sul web!
Tutti battaglieri giovani e professionali pronti per affrontare qualsiasi sfida nella comunicazione sul web, la strategia digitale, il web marketing online, i social media e le applicazioni informatiche.
Ciascuno con mille passioni e dedito a numerose attività: chi fa pesca subacquea, chi canta e suona la chitarra, chi è sempre in sella alla propria mountain bike, chi scrive e chi legge, chi kazzeggia, chi ama il buon vino, chi la birra, chi camminare in montagna, chi crogiolarsi al sole, chi arrampicarsi sui pendii innevati, chi farsi del male, chi si sposa, si fidanza, chi si lascia e chi s'innamora. Chi ama il mare e chi la montagna, chi vive d'adrenalina e chi di tranquillità. Chi è nato sul lago, chi in Svizzera, in Spagna, in Germania, in Transilvania, in Brasile ... e tutti con un fattor comune: la passione per il web!



Nicola Mosca

Nicola Mosca
CEO | Web App Consultant | Senior Software Developer

Davide Aldrighetti

Davide Aldrighetti
WEB CONSULTANT

Marco Parolari

Marco Parolari
web designer | web consultant

Ernesto Baruzzi

Ernesto Baruzzi
IT CONSULTANT

Mirian Molina

Mirian Molina
Account manager | Seo & Advertising

Francesca Novali

Francesca Novali
DIGITAL MARKETING MANAGER

Niccolò Pennestre

Niccolò Pennestre
Sales & Administrative manager

Marta Sufaru

Marta Sufaru
Sales & Webmarketing Consultant

Philipp Matz

Philipp Matz
Art director | Web design & developer

Luciano Favilla

Luciano Favilla
Front end web developer

Massimo Malacarne

Massimo Malacarne
Senior Software Developer

Marco Aldegheri

Marco Aldegheri
Senior Software Developer

Fabrizio Leonardi

Fabrizio Leonardi
SENIOR SOFTWARE DEVELOPER

Moreno Trainini

Moreno Trainini
Junior Software developer

Daniele Salvini

Daniele Salvini
JUNIOR SOFTWARE DEVELOPER

Mattia Malfatti

Mattia Malfatti
PROGRAM & PROJECT MANAGER

«WE ARE HIRING»<br> Senior Software Development Manager

«WE ARE HIRING»
Senior Software Development Manager
Inviaci il tuo curriculum

MI CANDIDO!
«WE ARE HIRING»<br> Full Stack Senior WEB Developer

«WE ARE HIRING»
Full Stack Senior WEB Developer
Inviaci il tuo curriculum

MI CANDIDO!
Vuoi far parte della tribù?

Vuoi far parte della tribù?
Inviaci il tuo curriculum


Ecco chi ha dato fiducia alla tribù...

In groppa alla zebra! Loro galoppano, combattono e vivono il web al nostro fianco.

Skirama Dolomiti Adamello-Brenta
Courmayeur Mont Blanc CSC
Azienda per il Turismo S.p.A. Madonna di Campiglio Pinzolo Val Rendena
Carioca
Unox
Adler
Trentino Charme
3tre Campiglio
Trentino Fishing
Diatec Group
Castelli
Sportsul
Trentino
Trentino Volley
Cantine Lunelli
Comano Valle Salus

KUMBE Web e Nuove Tecnologie
Via Fabbrica 52/B, 38079 Tione di Trento TN
38079 Tione di Trento (Trento) IT
tel +39 0465 322204
info@kumbe.it

Contattaci:

Hai raggiunto il limite

Dichiarazione in merito al GDPR (Regolamento Generale Protezione dei Dati)

Il titolare del trattamento dati è KUMBE SRL e dichiara che il dato acquisito tramite il presente form verrà trattato nel seguente modo:

  • Sarà utilizzato per l’evasione dell’attuale richiesta di informazioni/acquisto/iscrizione fino al suo espletamento e per nessuna ulteriore attività.
  • Viene conservato presso gli archivi aziendali senza data limite, fino a cancellazione autonomamente da parte dell’utente, volontaria da parte del Titolare o su esplicita richiesta di cancellazione da parte dell’utente.
  • Viene conservato per conto del Titolare da KUMBE, mantainer del Titolare per i servizi digitali, negli archivi cloud e relativi backup a loro volta gestiti in ottemperanza al GDPR per tutta la durata contrattuale con il Titolare -che ne può disporre in ogni momento- e fino a successiva cancellazione.
  • Non verrà venduto ad altri terzi, non verrà utilizzato per campagne di marketing salvo non sia contestualmente autorizzata tale opportunità.
  • L’utente verrà profilato in base alle informazioni contenute e il dato potrà essere utilizzato per elaborazione statistica.
  • la policy privacy completa puoi trovarla al link www.kumbe.it/privacy. Per ogni informazione o richiesta puoi scriverci all'indirizzo privacy@kumbe.it.

Dichiarazione in merito al GDPR (Regolamento Generale Protezione dei Dati)

In caso di sottoscrizione Newsletter l’utente dovrà confermare l’iscrizione per mezzo di mail di conferma inviata all’indirizzo inserito. In tal caso il trattamento prevede:

  • la profilazione dell’utente in gruppi, status, preferenze secondo quanto indicato e dedotto dalle informazioni inviate tramite il form o successiva autonoma profilazione.
  • l’utilizzo del dato per l’invio di comunicazione a mezzo digitale (email, whatsapp) e non (cartaceo) avente scopo informativo/commerciale.
  • l'utilizzo della mail per la generazione di campagne marketing e informative personalizzate, digitali e non.
  • la policy privacy completa puoi trovarla al link www.kumbe.it/privacy. Per ogni informazione o richiesta puoi scriverci all'indirizzo privacy@kumbe.it.
Invia richiesta

Grazie

Ti abbiamo inviato una email. Per attivare la newsletter clicca sul link che troverai nel messaggio, grazie!

Iscriviti alla newsletter


Dichiarazione in merito al GDPR (Regolamento Generale Protezione dei Dati)

In caso di sottoscrizione Newsletter l’utente dovrà confermare l’iscrizione per mezzo di mail di conferma inviata all’indirizzo inserito. In tal caso il trattamento prevede:

  • la profilazione dell’utente in gruppi, status, preferenze secondo quanto indicato e dedotto dalle informazioni inviate tramite il form o successiva autonoma profilazione.
  • l’utilizzo del dato per l’invio di comunicazione a mezzo digitale (email, whatsapp) e non (cartaceo) avente scopo informativo/commerciale.
  • l'utilizzo della mail per la generazione di campagne marketing e informative personalizzate, digitali e non.
  • la policy privacy completa puoi trovarla al link www.kumbe.it/privacy. Per ogni informazione o richiesta puoi scriverci all'indirizzo privacy@kumbe.it.
Annulla