La scelta di un font è un passo molto importante da compiere perché influisce in maniera rilevante sulla resa grafica di una Pagina Web. Per rendersene conto, è sufficiente dire che oltre il 90% delle informazioni sul Web sono testuali. Diventa fondamentale, dunque, utilizzare per i testi di un Sito font non solo belli ma anche facilmente leggibili su schermo, oltre che avere la certezza che tutti i nostri Visitatori li possano visualizzare correttamente, a prescindere dal dispositivo e dal Browser che utilizzano per la navigazione.
La leggibilità di un font dipende essenzialmente da fattori quali: il genere a cui appartiene, la "altezza x" e la dimensione generale del carattere.
|
Oltre alla leggibilità, fino a quando non è stato introdotto CSS3, un altro fattore che influiva pesantemente sulla scelta dei font per le Pagine Web era il supporto offerto dai Browser. Di fatto si era obbligati ad utilizzare unicamente font standard, ovvero set di caratteri universalmente diffusi e quindi già presenti sulla maggior parte dei computer. In pratica, quando si sviluppa una Pagina Web si dice al client quale font utilizzare per renderizzare il testo. Il client cerca tra i font presenti sul computer in uso per vedere se è disponibile quello richiesto: se è presente, procede come da istruzioni; in caso contrario, utilizza un font di default. Questo meccanismo imponeva, dunque, di utilizzare sempre gli stessi font (Arial, Verdana, Georgia e pochi altri) al fine di poter mantenere il risultato visuale voluto per le proprie Pagine Web, limitando fortemente la creatività degli autori. |
Con CSS3, è stata introdotta la possibilità di utilizzare nelle Pagine Web anche font non standard: attraverso il comando @font-face, infatti, è possibile inviare al client il file (nei formati TTF, EOT, WOFF o SVG a seconda del Browser in uso) contenente il set di caratteri da utilizzare per una specifica pagina. In questo modo il client non deve più cercare se il font è già installato sul computer in uso ma utilizza direttamente il set di caratteri collegato al foglio di stile della Pagina stessa. Dunque, grazie ai CSS3 è diventato possibile inserire in una Pagina Web qualsiasi Web Font facendolo scaricare direttamente all'utente. Esistono 2 tecniche principali per utilizzare i Web Fonts:
Uno svantaggio di queste soluzioni è che i Web Fonts dovranno essere scaricati dall'utente, quindi avranno un impatto piò o meno significativo sul tempo di caricamento della Pagina. A fronte di questo, il vantaggio che offrono è che si ha molta più libertà nella formattazione dei testi e la possibilità di ottenere dei layout più belli e interessanti. Nel caso, dei Google Fonts, inoltre, i font rimangono archiviati sui server di Google e non devono neanche essere pubblicati sul server del Sito Web. |
Ora che grazie ai Web Fonts anche su Web si può godere della stessa libertà creativa a cui si è abituati lavorando su Desktop, occorre fare attenzione a non abusarne. Alcuni consigli a cui sarebbe bene attenersi:
|
Sono numerosi i punti in cui WebSite X5 permette di scegliere il font da utilizzare: ovviamente l'opzione per la selezione del font è disponibile nell'editor dell'Oggetto Testo ma anche nell'editor del Intestazione/Piè di pagina del Modello grafico e, più in generale, tutte le volte che è previsto un testo, sia questo un contenuto, una voce di menu, un'etichetta, ecc... In ogni caso, la scelta del tipo di carattere viene effettuata attraverso un menu nel quale vengono automaticamente visualizzati tutti i font installati sul computer. Questa lista può essere ampliata aggiungendo, senza doverli installare sul sistema, Web Fonts ripresi da Internet (vedere, Come utilizzare i Web Fonts). Nel menu di selezione, tutti i font di sistema disponibili e i Web Fonts aggiunti sono elencati insieme in ordine alfabetico ma sono facilmente distinguibili grazie all'icona che li affianca: I tipi di font sono facilmente distinguibili grazie alle icone associate:
|
Best practice: