Modifiez facilement la taille de la police de votre page Web avec CSS.
Crédit d'image : Ableimages/Photodisc/Getty Images
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, les feuilles de style en cascade. À 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 pourcentages, où 100 pour cent est la police actuelle Taille. Vous pouvez également utiliser les noms de valeur prédéfinis, tels que « plus petit », « plus grand », « petit » et « xx-large ». En définissant la taille en pixels ou en points est valide, cela n'est pas recommandé car votre texte peut ne pas être mis à l'échelle correctement dans certains conditions.
Vidéo du jour
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.
Utiliser 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 de toutes les balises de paragraphe, utilisez :
p { taille de police: 125 %; }
