Dai un'occhiata a qualsiasi sito web, indipendentemente dall'industria, dalle dimensioni dell'azienda o da altri fattori di differenziazione e una cosa che si è sicuri di vedere che hanno in comune è il contenuto del testo. Il modo in cui viene visualizzato il testo è la pratica del design tipografico ed è uno degli aspetti più importanti dell'aspetto di un sito, nonché il suo successo.
Per molti anni, i web designer erano limitati nel numero di caratteri che potevano usare se volevano che quei font apparissero in modo affidabile sui siti Web che stavano creando. Questi tipi di carattere che sono stati trovati nella maggior parte dei computer erano conosciuti come "caratteri sicuri per il web". Potresti aver sentito questo termine in passato da un web designer mentre tentavano di spiegarti perché una determinata scelta di font non poteva essere utilizzata nella progettazione del tuo sito.
La tipografia Web ha fatto molta strada negli ultimi anni, e i web designer e gli sviluppatori non si limitano più a usare solo una manciata di caratteri web safe. L'aumento dei font web e la possibilità di collegarsi direttamente ai file dei font ha aperto un nuovo mondo di possibilità per l'utilizzo dei font del sito web. Per quanto sia utile ora avere accesso a così tante nuove opzioni per i font, quelli già provati e veri di web safe hanno ancora un posto importante nel web design moderno.
Collegamento a caratteri Web
In uso i caratteri sul tuo sito che potrebbero non essere sul computer di qualcuno, devi collegarti a un file di font web e indicare al tuo sito web di utilizzare quel file di font invece di guardare sul computer dei visitatori. Il collegamento a questi font esterni, che sono inclusi insieme al resto delle risorse del tuo sito o che possono essere collegati all'utilizzo di un servizio di font di terze parti, ti offre una scelta quasi illimitata di caratteri, ma tale vantaggio ha un prezzo. I caratteri esterni devono essere caricati su un sito, con un impatto sulle prestazioni sul tempo di caricamento di una pagina web. Questo è dove i caratteri sicuri per il web possono ancora essere un vantaggio! Dal momento che i file dei font vengono caricati direttamente dal computer del visitatore, non si verificano picchi di rendimento quando il sito viene caricato. Questo è il motivo per cui molti web designer ora usano una combinazione di caratteri web che devono essere scaricati insieme a questi fidati font web sicuri. Questo può essere il meglio di entrambi i mondi quando si ha accesso ad alcuni font nuovi ed esotici, pur essendo in grado di gestire le prestazioni del sito e l'impatto complessivo del download.
Font Sans Serif Web Safe
Questa famiglia di caratteri è una delle migliori scommesse per i caratteri web sicuri. Se li includi nei tuoi stack di font, quasi tutte le persone vedranno la pagina correttamente. Alcuni comuni font sans-serif web safe sono:
- Arial
- Arial Black
- Tahoma
- Trebuchet MS
- Verdana
Alcune altre opzioni sans-serif che ti daranno una buona copertura generale, ma potrebbero mancare da alcuni computer, sono elencate di seguito. Ricorda solo che se li usi, devi includere anche uno più comune come backup dall'elenco in alto nel tuo stack di font.
- Century Gothic
- Ginevra
- Lucida
- Lucida Sans
- Lucida Grande
Caratteri sicuri di Serif Web
Oltre ai caratteri sans-serif, la famiglia di font serif è un'altra scelta popolare per i siti web. Ecco alcune delle tue scommesse più sicure da usare se vuoi un font serif:
- Corriere
- Courier New
- Georgia
- Volte
- Times New Roman
Ancora una volta, l'elenco che segue è composto da caratteri che si troveranno su molti computer, ma che hanno una copertura complessiva minore rispetto all'elenco precedente. È possibile utilizzare questi font in modo abbastanza affidabile, ma dovrebbe includere anche un font serif più comune (dall'elenco sopra) nello stack dei font.
- MS Serif
- New York
- Palatino
- Linotipo Palatino
Font monospace
Pur non essendo ampiamente utilizzati come font serif e sans-serif, i font monospaced sono anche un'opzione. Questi caratteri sono quelli che presentano lettere che sono tutte equamente distanziate. Non hanno un'accettazione ampia tra le piattaforme, ma se si desidera utilizzare un font monospace, queste sono le migliori scommesse:
- Corriere
- Courier New
Questi caratteri hanno anche una certa copertura.
- Console di Lucida
- Monaco
Font Cursive e Fantasy
I caratteri corsivi e di fantasia non sono popolari come serif o sans-serif, e la natura ornata di questi caratteri li rende inappropriati da usare come copia del corpo. Questi tipi di carattere sono più spesso utilizzati come titoli e titoli in cui sono impostati con caratteri di dimensioni maggiori e solo per brevi sequenze di testo. Stilisticamente questi caratteri possono sembrare davvero grandiosi, ma è necessario valutare l'aspetto del carattere rispetto alla leggibilità di qualsiasi testo impostato dall'utente.
C'è solo un font in corsivo che è disponibile su Windows e Macintosh, ma non su Linux. È Comic Sans MS. Non ci sono caratteri di fantasia che hanno una buona copertura tra browser e sistemi operativi. Questo significa che se stai usando cursive di font fantasy sul tuo sito web, probabilmente li stai usando come font web e link al file di font appropriato.
Smart Phone e dispositivi mobili
Se stai progettando pagine per dispositivi mobili, le scelte dei caratteri web-safe sono variabili. Per i dispositivi iPhone, iPod e iPad, i caratteri comuni includono:
- Arial
- Corriere
- Courier New
- Georgia
- Helvetica
- Palatino
- Times New Roman
- Trebuchet MS
- Verdana
I font Web sono una scelta eccellente quando si prende in considerazione la progettazione di più dispositivi, poiché la possibilità di caricare font esterni offre un aspetto molto più coerente da dispositivo a dispositivo. Puoi quindi temperare quei font scaricati con una o due scelte di sicurezza web per ottenere l'aspetto e le prestazioni necessari per il tuo sito.
Articolo originale di Jennifer Krynin. Modificato da Jeremy Girard l'8/8/17
