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

csssé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 :

html<p>
  some long text
</p>

cssp {
  font: italic 15px/30px Arial;
  text-align: justify;
}

Результат:

Exemple

Un autre exemple :

html<p>
  some long text
</p>

cssp {
  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 :

html<p>
  some long text
</p>

cssp {
  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 :

html<p>
  some long text
</p>

cssp {
  font: 30px;
  text-align: justify;
}

Результат: