CSS Fonts est un module CSS qui définit des propriétés relatives aux polices de caractères et la façon dont les ressources des polices sont chargées. Il permet de définir le style d'une police, comme sa famille, sa taille ou sa graisse ainsi que la variante du glyphe à utiliser dans le cas des polices disposant de plusieurs glyphes par caractère. Il permet également de définir la hauteur d'une ligne.

Exemple simple

L'exemple qui suit illustre l'utilisation simple de propriétés relatives aux polices afin de mettre en forme le texte d'un paragraphe.

CSS

p {
  width: 600px;
  margin: 0 auto;
  font-family: "Helvetica Neue", "Arial",  sans-serif;
  font-style: italic;
  font-weight: 100;
  font-variant-ligatures: normal;
  font-size: 2rem;
  letter-spacing: 1px;
}

HTML

<p>
   Alice ne fut pas très-étonnée, tant elle commençait à s’habituer aux
   événements extraordinaires. Tandis qu’elle regardait encore l’endroit
   que le Chat venait de quitter, il reparut tout à coup.
</p>

Résultat

Exemples utilisant les polices variables

Vous pouvez trouver plusieurs exemples utilisant les polices variables sur v-fonts.com et axis-praxis.org. Notre guide sur les polices variables contient des informations et des exemples d'utilisation.

Référence

Propriétés

Règles @

@font-face
@font-feature-values

Guides

Mise en forme du texte et utilisation des polices
Dans cet article, destiné aux débutants, nous abordons en détail les fonctionnalités pour la mise en forme du texte et la modification de la police.
Guide sur les polices variables
Les polices variables sont une évolution de la spécification OpenType qui permet de faire varier différents axes d'une police (proenant d'un seul fichier) plutôt que d'avoir plusieurs polices d'une même fonte. Cet article fournit l'ensemble des informations nécessaires à l'exploration des polices variables.

Spécifications

Spécification État Commentaires
CSS Fonts Module Level 4 Version de travail Ajout des propriétés font-feature-settings et font-optical-sizing.
CSS Fonts Module Level 3 Candidat au statut de recommandation  
CSS Level 2 (Revision 1) Recommendation  
CSS Level 1 Recommendation Définition initiale.

Compatibilité des navigateurs

La plupart des propriétés de base relatives aux polices (ex. font-weight ou font-style) sont bien prises en charge par l'ensemble des navigateurs. Les nouvelles fonctionnalités disposent d'une prise en charge plus restreinte qui est décrite sur chacune des pages des propriétés.

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : SphinxKnight, xdelatour
Dernière mise à jour par : SphinxKnight,