Comment modifier la taille de la police en HTML

Vous pouvez contrôler la taille de la police de votre page Web à l'aide de la propriété font-size du langage de style HTML, Cascading Style Sheets. À partir de HTML 5, l'approche CSS du style de police remplace l'ancienne balise "font". Bien que la balise de police soit valide pour vos pages Web au format HTML 4, elle n'est plus prise en charge en tant que balise valide dans HTML 5.

Définir la taille de la police avec CSS

Les tailles de police sont définies dans votre page Web à l'aide de l'attribut CSS "font-size". Les tailles de police sont généralement définies à l'aide de la mesure typographique "em", où 1,0 est la taille de police actuelle, ou des pourcentages, où 100 % est la taille de police actuelle. Vous pouvez également utiliser les noms de valeur prédéfinis, tels que « plus petit », « plus grand », « petit » et « xx-large ». Bien que la définition de la taille en pixels ou en points soit valide, elle n'est pas recommandée car votre texte peut ne pas être mis à l'échelle correctement dans certaines circonstances.

Utilisation de CSS dans vos balises HTML

Vous pouvez utiliser des styles dans presque toutes les balises HTML du corps de votre page Web. Ajoutez un attribut "style" à la balise avec l'attribut CSS font-size défini sur la taille souhaitée. Le style affecte le texte entre le début et la fin de la balise -- par exemple :

Ce texte est plus grand que la normale.

Ce texte est plus petit.

Ce texte est également plus petit.

Utilisation de CSS dans votre feuille de style

Si votre page Web a une feuille de style CSS, soit intégrée dans l'en-tête de votre page, soit définie dans un fichier séparé, vous pouvez y modifier la taille de la police. Les feuilles de style sont pratiques pour apporter des modifications globales à votre page Web. Recherchez ou ajoutez la déclaration que vous souhaitez modifier et ajoutez le code de taille de police. Par exemple, pour augmenter la taille de la police pour toutes les balises de paragraphe, utilisez :

p { font-size:125%; }