Proprietà font
La proprietà font è una proprietà abbreviata,
in cui è possibile utilizzare le seguenti proprietà
CSS: font-size,
font-style,
font-weight,
line-height,
font-family,
font-variant.
Sintassi
selettore {
font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}
Le proprietà obbligatorie sono font-size
e font-family, le altre possono essere omesse,
mantenendo l'ordine.
Le proprietà font-style, font-variant,
font-weight possono essere scambiate in qualsiasi
ordine tra di loro.
Si noti che la proprietà line-height
si scrive dopo la proprietà font-size, separate da una barra.
Esempio
Creiamo un testo corsivo di dimensione
15px, con il tipo Arial, e interlinea
di 30px:
<p>
some long text
</p>
p {
font: italic 15px/30px Arial;
text-align: justify;
}
:
Esempio
Un altro esempio:
<p>
some long text
</p>
p {
font: bold 16px/20px "Times New Roman", Georgia, serif;
text-align: justify;
}
:
Esempio
Impostiamo solo la dimensione del font e la famiglia, tralasciando le altre proprietà:
<p>
some long text
</p>
p {
font: 18px Arial;
text-align: justify;
}
:
Esempio
Se si imposta solo la dimensione del font, essa non verrà applicata, poiché deve essere obbligatoriamente specificata anche la famiglia del font:
<p>
some long text
</p>
p {
font: 30px;
text-align: justify;
}
:
