Comment definir la police de caractères / apparence du texte en CSS

Name: definir la police de caractères / apparence du texte en CSS
Ingredients: CSS

created 7.2 y • edited 7.2 y by Richard Foulon • Updates history (2)

This guide also exist in:

English (English)

● Easy 🚩 1 étape

To definir la police de caractères / apparence du texte en CSS, you need 1 thing:

CSS ▼

shoppingbag View guides which use CSS blueprint Find info page about CSS workbench Find a guide to know how to make a CSS Find a guide to know how to find a CSS

Voyons comment définir la police de caractères / apparence du texte en utilisant CSS.

(?) — Utilisez la propriété `font-family` dans votre feuille de style CSS pour changer la police de caractères.

Exemple:
`html{ font-family: Arial, Helvetica, sans-serif; }`

Vous pouvez spécifier plusieurs polices de caractères, séparées par des virgules. Le navigateur internet va essayer d'utiliser l'une d'entre elles, en commençant par la première, puis si il n'a pas cette police de caractères installée, il essaiera la suivante etc.
Voici quelques combinaisons de polices de caractères "web safe" (utilisable pour le web sans problèmes) que vous pouvez utiliser :

Arial, Helvetica, sans-serif

Verdana, Geneva, sans-serif

"Times new roman", times, serif

"Courier New", Courier, monospace

"Comic Sans MS", sans-serif

(i) — Utilisez la propriété `font-family` dans votre feuille de style CSS pour changer la police de caractères.

Exemple:
`html{ font-family: Arial, Helvetica, sans-serif; }`

Vous pouvez spécifier plusieurs polices de caractères, séparées par des virgules. Le navigateur internet va essayer d'utiliser l'une d'entre elles, en commençant par la première, puis si il n'a pas cette police de caractères installée, il essaiera la suivante etc.
Voici quelques combinaisons de polices de caractères "web safe" (utilisable pour le web sans problèmes) que vous pouvez utiliser :

Arial, Helvetica, sans-serif

Verdana, Geneva, sans-serif

"Times new roman", times, serif

"Courier New", Courier, monospace

"Comic Sans MS", sans-serif

Essayez les polices de caractères directement dans votre navigateur en utilisant les Webmaster tools (pressez

F12

), ou faites un clic droit sur votre texte puis "Inspecter l'élément", puis dans la section CSS, vous devriez pouvoir changer la valeur de

font-family

et voir l'apparence de la police de caractères directement dans votre navigateur !

Puis, une fois votre page web en ligne, pensez à vérifier si la police de caractères fonctionne, par exemple sur un PC Windows, iphone, téléphone android, ordinateur mac. Car, par exemple, certaines polices de caractères sont utilisées chez Microsoft mais pas chez Apple

Mais ne vous souciez pas trop de cela car les combinaisons de polices de caractères fournies ci-dessus devraient marcher dans chaque navigateur / appareil / marque