1. Web
  2. CSS
  3. Guides
  4. Les polices

Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

Les polices CSS

Le module de polices CSS définit les propriétés relatives aux polices 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.

Une police est un fichier de ressources contenant la représentation visuelle des caractères, mappant les codes de caractères aux glyphes qui représentent les lettres, les chiffres, la ponctuation et même les emojis d'une police de caractères. Une famille de polices est un groupe de polices partageant des styles de conception et des propriétés de police communs, chaque membre du groupe offrant différentes façons d'afficher les glyphes, variant par le poids du trait, l'inclinaison ou la largeur relative, entre autres attributs. Une police représente généralement un style unique d'une famille de polices, comme Helvetica en gras et italique. Une famille de polices est l'ensemble complet des styles. L'inclusion d'une telle police dans un document ou un design se fait en définissant une déclaration @font-face distincte pour chaque ressource de police.

Les propriétés, les règles @ et les descripteurs du module de polices CSS permettent le téléchargement de plusieurs variantes d'une police. Ils définissent également le fichier de police à utiliser pour une caractéristique de police particulière, ainsi que les instructions de repli au cas où une ressource ne parvienne pas à se charger. Le mécanisme de sélection des polices CSS décrit le processus consistant à faire correspondre un ensemble donné de propriétés de police CSS à une seule police.

Le module de polices CSS prend également en charge les polices variables. Contrairement aux polices classiques, où chaque style est implémenté sous forme de fichier de police distinct, les polices variables peuvent contenir tous les styles dans un seul fichier. En utilisant une seule déclaration @font-face, vous pouvez importer une police variable qui inclut tous les styles. Selon la police, cela peut inclure une multitude de variantes de police. Les polices variables font partie de la spécification de police OpenType.

Référence

Propriétés

Règles @ et descripteurs

Règle @ : @font-face

Descripteurs :

Le module des polices CSS définit également les descripteurs font-language-override, font-named-instance, font-size, subscript-position-override, subscript-size-override, superscript-position-override et superscript-size-override. Actuellement, aucun navigateur ne prend en charge ces fonctionnalités.

Le module des polices CSS définit également le descripteur font-display. Actuellement, aucun navigateur ne prend en charge cette fonctionnalité.

Règle @ : @font-palette-values

Descripteurs :

Fonctions

Le module des polices CSS définit la fonction generic(). Actuellement, aucune navigateur ne prend en charge cette fonctionnalité.

Types de donnée

Types de font-size :

Type de font-family :

Type de font-feature-settings :

Type de font-format :

Type de font-stretch :

Types de font-tech :

Types de font-variant :

Types de font-variant-ligatures :

Types de font-variant-numeric :

Type de font-weight :

Interfaces

Guides

Apprendre : Les bases de la mise en forme du texte et des polices

Cet article d'apprentissage pour débutant·e·s couvre les bases de la mise en forme du texte et des polices. Il explique comment définir le poids, la famille et le style de la police en utilisant le raccourci font et comment aligner le texte et gérer l'espacement des lignes et des lettres.

Apprendre : Les polices web

Cet article d'apprentissage pour débutant·e·s explique comment utiliser des polices personnalisées sur votre page web afin de permettre un style de texte plus varié et personnalisé.

Les caractéristiques de police OpenType

Les caractéristiques ou variantes de police font référence à différents glyphes ou styles de caractères contenus dans une police OpenType. Cela inclut des éléments tels que les ligatures (glyphes spéciaux qui combinent des caractères comme fi ou ffl), le crénage (ajustements de l'espacement entre des paires de lettres spécifiques), les fractions, les styles numériques, et un certain nombre d'autres. Tous ces éléments sont appelés caractéristiques OpenType et sont disponibles pour une utilisation sur le web avec des propriétés spécifiques et une propriété de contrôle de bas niveau — font-feature-settings. Cet article vous fournit toutes les informations nécessaires pour utiliser les caractéristiques de police OpenType en CSS.

Le format de police web ouvert (WOFF)

WOFF utilise une version compressée de la même structure sfnt basée sur des tables utilisée par TrueType, OpenType et Open Font Format, mais ajoute des métadonnées et des structures de données à usage privé, y compris des champs prédéfinis permettant aux fonderies et aux fournisseurs de fournir des informations sur les licences si nécessaire.

Les polices variables

Cet article vous aide à commencer à utiliser les polices variables.

Améliorer les performances des polices

Cet article, faisant partie du guide sur les performances CSS, traite du chargement des polices, du chargement uniquement des glyphes requis et de la définition du comportement d'affichage des polices avec le descripteur font-display.

Concepts associés

Spécifications

Spécification
CSS Fonts Module Level 4

Voir aussi

Aider à améliorer MDN

Apprendre à contribuer

Cette page a été modifiée le par les contributeur·ice·s du MDN.

Voir cette page sur GitHub • Signaler un problème avec ce contenu