La proprietà CSS font definisce il tipo di carattere, grandezza, la dimensione e lo stile di un testo.
Nei CSS, ci sono due tipi di nomi per i font:
- generic family – un gruppo di famiglie di font con un look simile (come “Serif” o “a spaziatura fissa”)
- family font – una famiglia di caratteri specifici (come “Times New Roman” o “Arial”)
Si possono impostare piu’ di un font per ogni attributo, ad esempio:
p {font-family:”Times New Roman”, Times, serif;}
La proprietà font-style ha 3 valori:
p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}
La proprietà font-size serve ad impostare la grandezza dei caratteri. La grandezza può essere assoluta o relativa. Se non imposti alcun valore, di default la grandezza è di 16 pixel (16px=1em)
p {font-size:14px;}
p {font-size:0.875em;}
| Properietà | Descrizione | Valore | ||
|---|---|---|---|---|
| font | Consente di impostare tutte le proprietà del carattere in una dichiarazione | font-style font-variant font-weight font-size/line-height font-family caption icon menu message-box small-caption status-bar inherit |
||
| font-family | Specifica il tipo di font | family-name generic-family inherit |
||
| font-size |
|
xx-small x-small small medium large x-large xx-large smaller larger length % inherit |
||
| font-style | Specifica lo stile del testo | normal italic oblique inherit |
||
| font-variant | Specifica se un testo deve essere visualizzato in maiuscoletto | normal small-caps inherit |
||
| font-weight | Specifica il peso di un font | normal bold bolder lighter 100 200 300 400 500 600 700 800 900 inherit |
