La propriété font
La propriété font est une propriété raccourcie,
dans laquelle on peut utiliser les propriétés CSS
suivantes : font-size,
font-style,
font-weight,
line-height,
font-family,
font-variant.
Syntaxe
sélecteur {
font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}
Les propriétés obligatoires sont font-size
et font-family, les autres peuvent être omises,
en conservant l'ordre.
Les propriétés font-style, font-variant,
font-weight peuvent être interchangées dans n'importe quel
ordre les unes par rapport aux autres.
Notez que la propriété line-height
s'écrit avec une barre oblique après la propriété font-size.
Exemple
Créons un texte en italique d'une taille de
15px, avec la police Arial, et un interligne
de 30px :
<p>
some long text
</p>
p {
font: italic 15px/30px Arial;
text-align: justify;
}
:
Exemple
Un autre exemple :
<p>
some long text
</p>
p {
font: bold 16px/20px "Times New Roman", Georgia, serif;
text-align: justify;
}
:
Exemple
Définissons uniquement la taille de police et la famille, en omettant les autres propriétés :
<p>
some long text
</p>
p {
font: 18px Arial;
text-align: justify;
}
:
Exemple
Si on ne définit que la taille de police, elle ne s'appliquera pas, car la famille de polices doit également être obligatoirement définie :
<p>
some long text
</p>
p {
font: 30px;
text-align: justify;
}
:
