Per specificare le caratteristiche utilizzate più frequentemente
- font-family
- font-size
- font-style
- font-weight
si utilizza una scrittura abbreviata con font seguito dall’elenco di proprietà
... { font: ... ... ... ... }
Purtroppo il risultato effettivo dipende dall’ordine (?) delle proprietà e dal browser (?), bisogna quindi controllare il risultato…
Meglio non abusare degli stili del testo perché la risoluzione del browser è notevolmente minore della carta stampata e la leggibilità peggiora di conseguenza.
font-family
Si specifica il nome del tipo di carattere con la possibilità di indicare delle alternative
{font-family: times, garamond, serif}
Nel caso in cui la macchina non fosse dotata del primo font utilizzerà il secondo, poi il terzo, …, altrimenti sceglierà, tra quelli installati, il più simile.
Le famiglie generiche di font sono le seguenti
- serif, con grazie
times roman, palatino, garamond, serif - sans-serif, senza grazie
arial, verdana, helvetica, tahoma, ... - monospace, a spaziatura fissa
courier, ... - cursive, manoscritti
… - fantasy, decorativi
…
Si consiglia di specificare prima il carattere desiderato, poi un’alternativa accettabile e infine il nome generico per la famiglia a cui appartiene.
font-size
Si può dimensionare il tipo di carattere scegliendo tra diverse unità di misura
- pt, punti (di stampa)
- in, pollici (sistema anglosassone)
- cm, centimetri (sistema internazionale)
- px, pixel
- em, percentuale relativa alla dimensione dell’elemento parent
- xx-small x-small small medium large x-large xx-large, misure predefinite
- smaller larger, misure relative
font-style
Gli stili del testo sono pochi, per ora …
- normal, stato di default
- italic, corsivo
- oblique, obliquo…
font-weight
Si tratta dello spessore e non del peso…
- lighter bolder, misure relative a…
- 100 200 300 400 normal 500 600 700 bold 800 900, grandezze ordinate
Alcuni pesi, applicati a certi font, potrebbero dare risultati identici.