Comment changer la taille des textes en HTML ?

Réponses rédigées par Antoine

Dernière mise à jour : 2020-11-03 14:13:23

Question

Comment puis-je changer la taille des textes d'une page HTML ?

Réponse

Avec les premières versions de l'HTML on utilisait la balise <font size=""> pour définir la taille des textes ; cette solution est désormais obsolète et ne doit plus être utilisée avec le HTML5.

Pour changer la taille des textes en HTML 5, vous devez utiliser la propriété CSS font-size.

Les valeurs de la propriété font-size, pour changer la taille des textes, peuvent être exprimées avec :

des mots-clés.
des valeurs numériques exprimées en pixels,
des valeurs numériques en ems ou rems.
des pourcentages.

Référez-vous à cette page pour plus d'informations concernant les valeurs.

Exemple : voici comment changer la taille des textes, contenus dans une balise <p>, en HTML et CSS, en appliquant une valeur de 12 pixels :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Comment changer la taille des textes en HTML ?</title>
<style>
p {
font-size: 12px;
}
</style>
</head>
<body>   
<p>Texte contenu dans une balise P, auquel on applique une taille de 12 pixels</p>
</body>
</html>