Che cos'è un carattere Web?

Logo di Google Fonts su sfondo blu



Sapevi che il tuo browser web scarica e utilizza automaticamente i caratteri che non sono installati sul tuo sistema? I caratteri web aiutano le pagine che navighi ogni giorno ad avere un aspetto migliore. Ecco cosa sono e come funzionano.

Caratteri desktop e caratteri Web

Usiamo tutti i caratteri ogni giorno. Alcuni di quelli vieni con il tuo sistema operativo , alcuni provengono da applicazioni come Adobe Creative Suite o Microsoft Office e altri sono scaricabili o acquistati e installa te stesso . 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 archiviati localmente.





Un esempio di font desktop.

PixieMe / Shutterstock

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 nel 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 di riserva standard che è più probabile che sia disponibile. Per questo motivo, i web designer spesso scelgono i caratteri di sistema predefiniti per i loro siti.

L IMPARENTATO L'origine del Comic Sans: perché così tante persone lo odiano?

Tra questi c'erano quelli di Microsoft Caratteri principali per il Web , un insieme di caratteri messi a disposizione gratuitamente per il web design. Questo pacchetto includeva caratteri di sistema ampiamente utilizzati come Times New Roman, Arial, Comic Sans e Trabucco. 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.

Annuncio pubblicitario

Questo è cambiato nel 2010 quando Google è stato lanciato Google Fonts , un vasto repository open source per font 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 utilizzano caratteri Web, tra cui 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 è utilizzare invece caratteri incorporati e ospitati autonomamente sul Web. Questo viene fatto attraverso il Formato carattere aperto Web (WOFF): un file di font compresso sviluppato da Mozilla 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 i caratteri web

Roboto Open Sans su sfondo nero

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 l'uso sul desktop anche. Molti siti web ospitano i repository di Google Fonts, tra cui Github di Google . Puoi utilizzare questi caratteri nei progetti, condividerli liberamente con altri e scaricarli gratuitamente da altri luoghi su Internet.

Annuncio pubblicitario

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 questo Guida ai caratteri Web CSS da W3Schools.

IMPARENTATO: Come installare e gestire i caratteri nell'app Impostazioni di Windows 10

LEGGI SUCCESSIVO Foto del profilo per Vicente Water Vann vincent
Vann Vicente è uno scrittore di tecnologia da quattro anni, con un focus sugli esplicatori orientati ai consumatori medi. Lavora anche come digital marketer per un sito di e-commerce regionale. Ha investito nella cultura di Internet, nei social media e nel modo in cui le persone interagiscono con il web.
Leggi la biografia completa

Articoli Interessanti