En CSS on peut très facilement modifier la taille du texte. Que ce soit le texte d'un titre, le texte contenu dans un paragraphe ou simplement tout le texte d'une page web.
Pour cela on utilise la propriété font-size. On peut lui donner deux sortes de valeurs.
Les valeurs absolues, en centimètres ou en pixels.
Les valeurs relatives, en pourcentage du texte initial.
Voici comment on utilise les deux méthodes.
Les tailles de texte absolues
Les talles de texte absolues ont la particularité d'être définies en valeurs absolues... logique.
On peut utiliser plusieurs unités de mesures, comme les centimètres "cm", les pixels "px" ou les inches "in".
Voici un exemple. Si je veux que mes paragraphes aient une taille de texte de 15 pixels je fais :
p { font-size: 15px; }
Les tailles de texte relatives
Vous pouvez également utiliser les tailles de texte relatives. Il existe des formats prédéfinis :
xx-small : microscopique (ctb)
x-small : très petit
small : petit
medium : moyen
large : grand
x-large : très grand
xx-large : énorme (cmb)
Mais bon il n'existe que sept variantes donc c'est assez limité. Sinon vous pouvez utiliser les pourcentage "%" ou encore les pourcentage en fonction des tailles normales du visiteur "em".
Si je veux une taille normale j'ai 1 "em". En plus petit j'ai 0.7 "em". En plus grand j'ai 2.3 "em".