Web Design  »  Guide  »  Guida Web Design 

Il tipo di carattere

Il tipo di carattere utilizzato è uno degli elementi più importanti di un sito Web ben realizzato. I caratteri predefiniti residenti nella maggior parte dei sistemi operativi sono: arial, Courier, Georgia, Times New Roman, trebuchet e Verdana.

Analizzando nello specifico possiamo fare un'ulteriore distinzione:

• Sistemi Windows: Times New Roman, arial e Courier New
• Sistemi Mac OS: Times, Helvetica e Courier

Ma questi caratteri, come già saprai, non sono tutti uguali. Possiamo dividerli ulteriormente in tre grandi famiglie:

• Times e Times New Roman sono caratteri serif. Vanno bene per i documenti stampati, ma sono meno leggibili sullo schermo di un computer.
• arial e Helvetica sono caratteri sans-serif. Sono chiaramente leggibili sullo schermo.
• Courier e Courier New sono caratteri a larghezza fissa, sono come i caratteri di una macchina da scrivere.

Leggibilità dei caratteri sul monitor

Ti sei mai chiesto da cosa dipende la leggibiltà o meno di un font? È presto detto: dipende soprattutto dalla cosiddetta altezza x (l'altezza di una x minuscola) e dalla dimensione generale del carattere. Così un tipo di carattere come Times New Roman ha una leggibilità media sullo schermo del computer perché ha un'altezza x moderata.

Invece caratteri quali Georgia e Verdana sono stati progettati per essere letti su schermo, infatti hanno altezze x esagerate e sono molto grandi, se paragonati a tipi di caratteri più tradizionali con la stessa dimensione di punti.

Per risolvere questo inconveniente, come abbiamo già detto più volte devi offrire al tuo visitatore una scelta di caratteri. Hai la possibilità di associare ad una pagina una lista di caratteri. Se il browser dell'utente non trova il primo carattere elencato, tenta con il successivo e così via.

La cosa migliore da fare è di definire un elenco di caratteri come segue:

1. Scegli un carattere che ti piace, e verifica che sia tra quelli più comunemente disponibili.
2. Dai caratteri di più largo uso, scegline uno che sia simile (per Windows e per Mac) al tuo preferito.

La maggior parte degli editor HTML WYSIWYG come Dreamweaver o GoLive consentono di selezionare un carattere da una lista. Come puoi vedere in figura con Dreamweaver, basta scegliere la lista di caratteri desiderati.

Puoi anche modificare la lista dei font modificando nel codice HTML la lista presente nell'attributo face, come ormai avrai già imparato a fare nelle lezioni sullo HTML.

Utilizza sempre pochi font e poche dimensioni, per dare alle pagine un aspetto più chiaro, inoltre, per dare uniformità, applica sempre lo stesso tipo di carattere e la stessa combinazione di stili in tutte le pagine di un sito Web evitando cambiamenti casuali.

Altri articoli

Altre guide

Altre newsletter