Sapevi che il tuo browser Web è automaticamente scaricato e utilizzando i caratteri che non sono installati sul tuo sistema? I font Web aiutano le pagine che naviga ogni giorno un aspetto migliore. Ecco cosa sono e come funzionano.
Caratteri desktop vs. Font Web
Tutti usiamo i font ogni giorno. Alcuni di quelli Vieni con il tuo sistema operativo , alcuni provengono da applicazioni come la suite creativa Adobe o Microsoft Office, e alcuni sono quelli che scarichi o acquisti e Installa te stesso . Quando sono installati, è possibile utilizzare questi font nei processori di parole, il software di modifica delle immagini e altro ancora. Questi sono font desktop e sono conservati localmente.
Un altro tipo di carattere è diventato più importante in quanto la nostra esperienza di elaborazione è stata spostata online. Questi sono i caratteri Web-tipografia memorizzati sul cloud (e poi nella cache del tuo browser) e utilizzati per generare il testo che appare sui siti Web.
Una breve storia di font web
Nei primi giorni di Internet, la tipografia sulle pagine Web è stata limitata a ciò che i font sono stati installati sul tuo sistema. Se un font non è stato installato, la pagina Web caricherebbe un carattere "fallback" standard che era più probabile che sia disponibile. A causa di ciò, i web designer hanno spesso scelto i font di sistema predefiniti per i loro siti.
Tra questi c'erano Microsoft Caratteri principali per il web , un set di caratteri tipografici realizzati liberamente per il web design. Questo pacchetto includeva caratteri di sistema ampiamente usati come i tempi nuovi romani, Arial, Comic Sans e Trebuchet. In alternativa, i progettisti potrebbero utilizzare famiglie font come Serif, SANS-Serif e Monospace per specificare lo stile generale di un font anche se uno specifico non era disponibile.
Questo è cambiato 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 i plug-in dei font di Adobe's Typekit e del font ospitato del Web. Milioni di siti Web da tutto il mondo vengono eseguiti su caratteri web, incluso Suite di produttività di Google .
Come funzionano i font web
Il più grande provider di font Web, Google Fonts, è un'ampia libreria web di oltre mille font. Puoi usarli sul tuo sito web tirandoli tramite CSS e gli sviluppatori mobili possono accedere a questi font durante la creazione di app Android.
Quando una pagina Web utilizza i font di Google, tira un carattere dal database di Google e quindi visualizza il testo in quel tipo con il tuo browser. Questi font sono ospitati sul server di Google e sono caricati quasi istantaneamente. Altri servizi di carattere cloud funzionano allo stesso modo.
Un'altra alternativa sta utilizzando i font incorporati incorporati sul web. Questo è fatto attraverso il Web Open Font Format (Woff) -A File carattere compresso sviluppato da Mozilla è compatibile con la maggior parte dei browser web moderni. Woff è utile se si desidera incorporare un carattere personalizzato che non è disponibile su un servizio di font Web.
Ottenere font web.
Il repository di Google Fonts e tutti i font sotto di esso sono del tutto gratis per l'uso e accessibili a tutti. Utilizza solo i caratteri sotto una licenza aperta e molti di questi font sono diventati graffette di web design, come Roboto, Lato e Montserrat. Google ospita un sito web Questo elenca tutti i suoi font disponibili e ti permette di provarli e confrontarli tra loro. Google offre anche un database di icone vettoriali gratuite.
Poiché questi font sono liberamente disponibili, è possibile scaricare i file dei caratteri originali Per l'uso sul tuo desktop anche. Molti siti Web ospitano i repository di Google Fonts, incluso GitHub di Google . Puoi usare questi font nei progetti, condividerli liberamente con gli altri e scaricarli da altri luoghi su Internet gratuitamente.
Molti sviluppatori di siti Web e manager di contenuti come WordPress e Squarespace sono dotati di supporto per i font web fuori dalla scatola. Se stai utilizzando un sito Web personalizzato, è necessario caricare il file del carattere sul server e utilizzare il codice CSS per puntare al file di caratteri che si desidera utilizzare.
Se desideri saperne di più sull'utilizzo dei font Web per il tuo sito web, dai un'occhiata Guida al carattere web CSS da w3schools.
IMPARENTATO: Come installare e gestire i font nell'app Impostazioni di Windows 10
