HTML and CSS Reference
In-Depth Information
Impact
,
Charcoal
,
sans serif
Lucida Console
,
Monaco
,
monospace
Lucida Sans Unicode
,
Lucida Grande
,
sans serif
Palatino Linotype
,
Book Antiqua
,
Palatino
,
serif
Tahoma
,
Geneva
,
sans serif
Times New Roman
,
Times
,
serif
Trebuchet MS
,
Helvetica
,
sans serif
Verdana
,
Geneva
,
sans serif
In questo modo siamo in grado di fornire al browser una tale serie di alternative da essere
ragionevolmente sicuri che le nostre pagine verranno visualizzate in modo omogeneo su
tutte le piattaforme.
Limitandoci ai font “web safe”, le possibilità di scelta sono piuttosto scarse, tanto che,
da questo punto di vista, i diversi siti web tendono ad assomigliarsi. Queste limitazioni pos-
sono essere superate grazie alla seconda categoria di font cioè quelli “custom”. Grazie alle
specifiche CSS, abbiamo la possibilità di incorporare ogni tipo di font (non solo quelli pre-
definiti) nel foglio di stile. Come abbiamo già detto in precedenza, non si tratta di una vera
novità: Netscape Navigator 4 supportava l'incorporamento dei font attraverso un plug-in di
Bitstream chiamato TrueDoc, così come anche Internet Explorer con la tecnologia Embed-
ded Open Type (EOT).
Embedded Open Type consente di creare un file che può essere scaricato dal browser e
che contiene le informazioni relative al carattere da usare nella pagina. Microsoft fornisce
un programma gratuito per la creazione di file EOT partendo da un normale font, Microsoft
EOT non è però un formato aperto, pertanto non è stato adottato dagli altri browser e dal
W3C come standard per l'incorporamento dei font, a favore di altri formati come TrueTy-
pe/OpenType, SVG e WOFF (Web Open Font Format). Quest'ultimo in particolare è un
formato appositamente pensato per l'uso in pagine web ed è essenzialmente un “wrapper”
che comprime al suo interno font in formato TrueType, OpenType o Open Font Format,
consentendo di ridurre il peso del file di oltre il 40% rispetto a TTF e risultando pertanto
ideale per il download.
Per incorporare un font in un CSS è sufficiente dichiarare una nuova famiglia di font
collegata al carattere desiderato.
L'esempio 6.2
mostra la sintassi di base per includere un
nuovo font di tipo TrueType e per utilizzarlo come carattere per la visualizzazione dei titoli.
