Polices de secours CSS
Polices de secours couramment utilisées
Il n'y a pas de polices 100% entièrement sécurisées pour le Web. Il y a toujours un risque qu'une police ne soit pas trouvée ou ne soit pas installée correctement. Par conséquent, il est très important de toujours utiliser des polices de secours.
Cela signifie que vous devez ajouter une liste de "polices de secours" similaires dans la propriété font-family. Si la première police ne fonctionne pas, le navigateur essaiera la suivante, et la suivante, et ainsi de suite. Terminez toujours la liste par un nom de famille de police générique.
Vous trouverez ci-dessous quelques polices de secours couramment utilisées, organisées selon les 5 familles de polices génériques :
- Serif
- Sans empattement
- Monospace
- Cursive
- Fantaisie
Polices Serif
font-family | Example text | Code |
---|---|---|
"Times New Roman", Times, serif | This is a HeadingThis is a paragraph. |
|
Georgia, serif | This is a HeadingThis is a paragraph. |
|
Garamond, serif | This is a HeadingThis is a paragraph. |
Polices sans empattement
font-family | Example text | Code |
---|---|---|
Arial, Helvetica, sans-serif | This is a HeadingThis is a paragraph. |
|
Tahoma, Verdana, sans-serif | This is a HeadingThis is a paragraph. |
|
"Trebuchet MS", Helvetica, sans-serif | This is a HeadingThis is a paragraph. |
|
Georgia, Verdana, sans-serif | This is a HeadingThis is a paragraph. |
Polices Monospace
font-family | Example text | Code |
---|---|---|
"Courier New", Courier, monospace | This is a HeadingThis is a paragraph. |
Polices cursives
font-family | Example text | Code |
---|---|---|
"Brush Script MT", cursive | This is a HeadingThis is a paragraph. |
Polices fantastiques
font-family | Example text | Code |
---|---|---|
Copperplate, Papyrus, fantasy | This is a HeadingThis is a paragraph. |
Conseil : Découvrez également toutes les polices Google disponibles et comment les utiliser.