font CSS propriété

Définition de la CSS font.

La propriété CSS font est un raccourci qui permet de spécifier la fonte : taille, hauteur de ligne, graisse, inclinaison, la police et les petites capitales.

Exemple de syntaxe CSS font :
font : 14px Arial, Helvetica, sans-serif;
font : x-large/110% "new century schoolbook", serif;
font : oblique small-caps 14px Arial, Helvetica, sans-serif;

La propriété de feuille de style font CSS peut prendre les valeurs suivantes dans l'ordre d'énumération et séparée par un espace :

  • : spécifie l'inclinaison de la fonte.
  • : spécifie le texte en petites capitales.
  • : spécifie la graisse de la fonte.
  • / : taille de la police/hauteur de ligne. Si line-height est omise ne pas mettre le /.
  • : spécifie la police à utiliser. Mettre les fontes ayant des espaces entre guillemets ("").
Il est possible d'omettre des propriétés CSS dans la propriété feuille de style CSS font.

La propriété de feuille de style font CSS peut prendre aussi une seule valeur suivante :

  • caption : police utilisée pour les boutons.
  • icon : police utilisée pour les icônes.
  • menu : police utilisée pour les menus.
  • message-box : police utilisée pour les boites de dialogue.
  • small-caption : police "bold" utilisée pour les boutons
  • status-bar : police utilisée pour la barre de statut.
  • inherit : hérite de la propriété CSS font de son parent(CSS2).

Conditions d'application de la CSS font.

La propriété de feuille de style font CSS est applicable sur l'ensemble des balises HTML ou XHTML, ne pose aucun problème d'interprétation.

Héritage des valeurs Css de font.

En règle générale les balises filles HTML ou XHTML héritent des propriétés de la CSS font.

Compatibilités navigateurs de la propriété font

Détails des versions de la CSS font
Résumé du support navigateurs de la CSS font

Equivalence de la CSS font en HTML.

La propriété CSS font remplace la balise HTML .

Exemples et astuces CSS pour utiliser font

Spécifier les propriétés CSS individuellement

Si vous ne voulez pas utiliser le raccourci font, vous pouvez définir chaque propriété individuellement en utilisant une des propriétés CSS suivante :

  • : définie le style du texte.
  • : définie l'affichage du texte petites capitales.
  • : définie la graisse du texte.
  • : définie la hauteur de ligne.
  • : définie la taille de la police à utiliser pour afficher le texte.
  • : définie la fonte à utiliser pour afficher le texte.
Exemple d'écriture CSS de propriétés de font définies individuellement :
.ma-fonte{
  font-style   : italic;
  font-variant : small-caps;
  font-weight  : bold;
  line-height  : normal;
  font-size    : 15px;
  font-family  : Times New Roman, Times, serif;
}

Votre avis sur la définition font en CSS

Votez pour la définition CSS font

  • 1/5
  • 2/5
  • 3/5
  • 4/5
  • 5/5

Avis sur la page https://www.zonecss.fr/proprietes-css/font-css.html Votes: 4.3 / 5 - 16 votes
Cliquez sur une étoile pour voter.