Catégories
Blogs à lire
Archives
Blog
juil
18
Le gras dans tous ses états
Catégorie: Typographie | Commentaires fermés | 187 lectures
Dans un éditeur texte, on utilise souvent le mot gras. On met du texte en gras comme on le met en italique. En typographie, on parle plutôt de graisse. Dans la plupart des polices, il existe un jeu de caractères en romain, un autre en italique et en gras. Pour l'instant, le web n'utilise que ce triple formatage. En pré-presse, il est possible de nuancer les fontes et l'épaisseur du trait. On trouve alors des déclinaisons: thin, light, book, medium bold et extra-bold. Chaque jeu de caractère est dessiné par le typographe.
Implémenté dans tous les éditeurs de texte, le gras s'utilise au quotidien pour mettre en valeur un mot ou un groupe de mots. Il sert à attirer l'attention du lecteur. Contrairement à l'italique, il n'est soumis à aucune règles typographiques. Chacun l'utilise selon son bon vouloir. La presse papier réserve cet attribut aux titres, intertitres, chapeaux, citations ainsi que d'autres éléments de composition.
Extrait de la Nouvelle Gazette (11/06/07) - Texte principal sans mise en exergue
La presse en ligne respecte également cette habitude. Un certain nombres d'éléments en HTML sont automatiquement restitués en gras. Par exemple, c'est le cas de tous les titres (h1, h2, th). Par contre, la mise en exergue d'un ou plusieurs mots est plus présente sur les blogs. Une façon de mettre en évidence des points importants pour faciliter la lecture non linéaire. Dans certains cas, le dosage est excessif et perd de son efficacité. La raison s'explique en partie pour une question de référencement.
À noter que le gras n'est pas la seule solution pour mettre en valeur un contenu. On peut très simplement faire appel à la puissance des feuilles de style. Dans l'exemple ci-dessous, l'auteur fait ressortir des passages comme le ferait un étudiant dans son syllabus.
Capture du blog de Garett Dimon
On trouve cette technique plus rarement dans la presse papier. Dans l'exemple ci-dessous, des phrases (ou des parties de phrases) sont mises en gras et surlignées avec une couleur de fond accrocheur. Une façon astucieuse pour les lecteurs pressés de garder leur attention uniquement sur les passages importants.
Extrait du Soir (11/09/10) - Mise en couleur de certains passages
Le gras dans le code HTML
Tout comme l'italique, le code HTML varie en fonction de la finalité. Pour mettre un mot en légère emphase, on emploie em. Pour accentuer cette emphase, la balise strong est toute désignée. Ces deux balises apportent du sens aux mots sans se préoccuper du rendu sur la page web. C'est un peu comme si j'insistais vocalement sur des éléments importants lors d'une lecture orale d'un texte. D'ailleurs, un lecteur vocal adapte le timbre de sa voix en fonction de ses éléments. De la même manière, un moteur de recherche donne plus d'importance aux mots encapsulés dans la balise strong.
C'est le navigateur qui se charge de la présentation pour ses deux balises. Dans le premier cas (em), le mot est mis en italique. Dans le second strong, il se trouve en gras. Ce rendu n'est pas une convention. À l'avenir, il se pourrait qu'un navigateur change le formatage.
1 2 3 4 5
<p>
Il ne faut pas confondre <strong>paranoïa</strong> et...
</p>
Maintenant, il est possible d'influencer le rendu visuel des mots sans influencer leur importance. On utilise la balise b pour grossir les traits de caractères. Par exemple, je décide d'attirer l'œil du lecteur sur les premiers mots de chaque paragraphe, de valoriser des questions dans une interview, etc. Cette balise est fortement critiquée. Dès lors qu'il s'agit d'apparence, il est préférable d'utiliser les feuilles de style. Il existe d'ailleurs une classe à cet effet: font-weight. C'est plus encombrant au niveau du code mais au moins on maîtrise le rendu.
À lire également: « L'italique dans tous ses états »
