font-style
Permet de fixer l’inclinaison d’un texte. Elle accepte 4 valeurs différentes :
- • Normal (valeur par défaut) ;
- • Italic (change le texte en italique) ;
- • Oblique (pour forcer certaines polices d’être en italique) ;
- • Inherit (hérite des propriétés de l’élément parent).
font-size
Permet de modifier la taille de nos textes
font-weight
Permet de définir le poids d’un texte, c’est dire son épaisseur. Elle peut être :
- • Normal (la valeur par défaut);
- • Lighter (police plus fine);
- • Bold (la police est en gras);
- • Bolder (la police est encore plus en gras);
- • Une centaine compris entre 100 et 900 (du plus léger au plus gras, Notez que 400 correspond à normal et 700 à bold).
- • Inherit (hérite des styles de ses parents).
line-height
Sert à fixer l’écartement, i.e la distance entre deux lignes de texte
Exemple font-style
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Titre de la page</title>
</head>
<body>
<h1>Ceci est un titre</h1>
<p>Ceci est un paragraphe.</p>
</body>
</html>
Exemple font-weight
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
.p1 { font-weight: bold; }
.p2 { font-weight: 400; }
</style>
<title>Titre de la page</title>
</head>
<body>
<p class="p1">Para 1</p>
<p class="p2">Para 2</p>
<p>Para 3</p>
</body>
</html>