Sapevi che il tuo browser web scarica e utilizza automaticamente i caratteri che non sono installati sul tuo sistema? I caratteri Web migliorano l’aspetto delle pagine che visiti ogni giorno. Ecco cosa sono e come funzionano.
Caratteri desktop e caratteri Web
Usiamo tutti i caratteri ogni giorno. Alcuni di questi vengono forniti con il tuo sistema operativo, altri provengono da applicazioni come Adobe Creative Suite o Microsoft Office e alcuni sono scaricabili o acquistati e installati da te. Una volta installati, puoi utilizzare questi caratteri in elaboratori di testi, software di modifica delle immagini e altro ancora. Questi sono caratteri desktop e sono memorizzati localmente.
Un altro tipo di carattere è diventato più importante man mano che la nostra esperienza informatica si è spostata online. Si tratta di caratteri Web: caratteri tipografici archiviati sul cloud (e quindi memorizzati nella cache del browser) e utilizzati per generare il testo che appare sui siti Web.
Una breve storia dei caratteri web
Agli albori di Internet, la tipografia sulle pagine Web era limitata ai caratteri installati sul sistema. Se un carattere non è stato installato, la pagina Web carica un carattere standard di “fallback” che è più probabile che sia disponibile. Per questo motivo, i web designer spesso scelgono i caratteri di sistema predefiniti per i loro siti.
Tra questi c’erano i Core Fonts for Web di Microsoft, un insieme di caratteri tipografici resi disponibili gratuitamente per il web design. Questo pacchetto includeva caratteri di sistema ampiamente utilizzati come Times New Roman, Arial, Comic Sans e Trebuchet. In alternativa, i designer possono utilizzare famiglie di caratteri come Serif, Sans-Serif e Monospace per specificare lo stile generale di un carattere anche se non ne fosse disponibile uno specifico.
La situazione è cambiata nel 2010 quando Google ha lanciato Google Fonts, un vasto repository open source per caratteri gratuiti che possono essere utilizzati ovunque sul Web. Da allora, sono emersi altri concorrenti, come Typekit di Adobe e plug-in di font ospitati sul Web. Milioni di siti Web di tutto il mondo funzionano con i caratteri Web, inclusa la suite di produttività di Google.
Come funzionano i caratteri Web
Il più grande fornitore di caratteri Web, Google Fonts, è un’ampia libreria Web di oltre mille caratteri. Puoi usarli sul tuo sito web estraendoli tramite CSS e gli sviluppatori mobili possono accedere a questi caratteri durante la creazione di app Android.
Quando una pagina web utilizza Google Fonts, estrae un carattere dal database di Google e quindi visualizza il testo in quel carattere nel tuo browser. Questi caratteri sono ospitati sul server di Google e vengono caricati quasi istantaneamente. Altri servizi di font cloud funzionano più o meno allo stesso modo.
Un’altra alternativa è l’utilizzo di caratteri incorporati e ospitati autonomamente sul Web. Questo viene fatto attraverso il Web Open Font Format (WOFF), un file di font compresso sviluppato da Mozilla che è compatibile con la maggior parte dei browser Web moderni. WOFF è utile se desideri incorporare un carattere personalizzato che non è disponibile su un servizio di caratteri Web.
Ottenere caratteri Web
Il repository di Google Fonts e tutti i font sottostanti sono completamente gratuiti e accessibili a tutti. Utilizza solo caratteri con una licenza aperta e molti di questi caratteri sono diventati elementi fondamentali del web design, come Roboto, Lato e Montserrat. Google ospita un sito Web che elenca tutti i suoi caratteri disponibili e ti consente di provarli e confrontarli tra loro. Google offre anche un database di icone vettoriali gratuite.
Poiché questi caratteri sono disponibili gratuitamente, puoi scaricare i file dei caratteri originali per utilizzarli anche sul desktop. Molti siti Web ospitano i repository di Google Fonts, incluso Github di Google. Puoi utilizzare questi caratteri nei progetti, condividerli liberamente con altri e scaricarli gratuitamente da altri luoghi su Internet.
Molti costruttori di siti Web e gestori di contenuti come WordPress e Squarespace sono dotati di supporto per i caratteri Web già pronti. Se stai utilizzando un sito Web personalizzato, devi caricare il file del carattere sul tuo server e utilizzare il codice CSS per puntare al file del carattere che desideri utilizzare.
Se desideri saperne di più sull’utilizzo dei caratteri web per il tuo sito web, dai un’occhiata a questa Guida ai caratteri web CSS di W3Schools.
RELAZIONATO: Come installare e gestire i caratteri nell’app Impostazioni di Windows 10
