2.1.2Choisir une longueur de ligne confortable

Une suite de 45 à 75 caractères est communément considérée suffisante pour constituer la ligne d'un texte d'une colonne composé dans une fonte sans sérif. La ligne de 66 caractères (en comptant à la fois les lettres et les espaces) représente un idéal souvent utilisé. Pour un texte présenté en plusieurs colonnes, une moyenne de 40 à 50 caractères est plus appropriée.”

La longueur de ligne est le nombre de caractères dans une seule ligne d'un bloc de texte. L'HTML ne considère pas les colonnes en tant que telles, mais contient le texte dans une boîte. En CSS, la largeur d'une boîte est déterminée en utilisant la propriété width avec une unité de distance, comme par exemple :

DIV#col1 {
  width: 400px }

DIV#col2 {
  width: 50% }

DIV#col3 {
  width: 33em }

Quand un typographe décide de la longueur de ligne d'un texte en vue d'une impression, ces dimensions sont fixes et immuables dans leur manifestation physique. A cet égard, le web vu à l'écran est fondamentalement différent de l'impression car les lecteurs ont le contrôle du médium. Par exemple, si votre lecteur décide de changer la taille du texte ou la dimension de la “page”, il peut le faire.

Dans l'exemple précédent, la colonne 1 a une largeur fixe, définie à 400 pixels. Avec une taille de caractère à 12 pixels, la longueur de ligne fait à peu près 66 caractères. Si votre lecteur augmente la taille du texte à 16 pixels, la longueur de ligne se réduit alors à 50 caractères. Quand la taille de caractère change, la longueur de ligne en fait de même.

La colonne 2 a une largeur liquide, établie à 50 %. En considérant que la fenêtre du navigateur de votre lecteur ait 1000 pixels de large, la boite serait alors de 500 pixels, résultant sur une longueur de ligne d'à peu près 83 caractères par ligne. Cette longueur de 83 caractères pourrait être trop importante pour votre lecteur, mais puisqu’il peut modifier la taille de la fenêtre lui-même, il pourrait réduire sa largeur à 800px, ramenant la largeur de la boîte à 400px, soit une longueur de ligne de 66 caractères plus confortable à la lecture.

La colonne 3 a une largeur élastique de 33 em. En moyenne, un caractère occupe 0,5 em, donc cette boîte aura une longueur de ligne de 66 caractères. Si votre lecteur augmente la taille de caractère, la largeur de la boîte s’agrandira proportionnellement : la longueur de ligne demeurera de 66 caractères quelle que soit la taille du texte.

D’un point de vue typographique, la méthode la plus appropriée est déclarer la largeur d’une boîte en ems (mise en page élastique) puisqu’elle permet de conserver la longueur de ligne décidée par le typographe. Une largeur définie en pourcentage (mise en page liquide) donne au typographe un contrôle approximatif de la longueur de ligne, mais permet au lecteur d’ajuster celle-ci pour son propre confort.

Sommaire

  1. 2Rythme & proportion
    1. 2.1Horizontalement
      1. 2.1.1Définissez l'espace mot en fonction de la taille du caractère et de son interlettrage naturel
      2. 2.1.2Établissez une longueur de ligne confortable
      3. 2.1.3Choisissez la justification en fonction du texte et de la page
      4. 2.1.4Utilisez une valeur d’espace entre les phrases
      5. 2.1.5N’ajoutez pas - ou alors très peu - d’espace dans une suite d’initiales
      6. 2.1.6Espacez toutes les suites de capitales et petites capitales, ainsi que les longues suites de chiffres
      7. 2.1.7N’augmentez pas l’interlettrage des bas de casse sans raison
      8. 2.1.8Crénez de façon régulière et légère ou pas du tout
      9. 2.1.9N’altérez pas les largeurs, les formes ou les lettres sans raison
      10. 2.1.10N’éloignez pas de trop les éléments apparentés
    2. 2.2Verticalement
      1. 2.2.1Choisissez un interlignage correspondant à la police, au texte et à la mesure
      2. 2.2.2Augmentez ou diminuez les transitions verticales avec une valeur constante
    3. 2.3Blocs & paragraphes
      1. 2.3.1Justifiez à gauche le premier mot du premier paragraphe
      2. 2.3.2Dans un texte continu, donnez à tous les paragraphes suivant le premier une indentation d’au moins un en.
      3. 2.3.3Séparez les citations du flot du texte
      4. 2.3.4Entrez l’alinéa ou centrez un bloc de vers
    4. 2.4Césure & pagination
      1. 2.4.1À la fin d’une ligne comportant une césure, laissez au moins deux caractères avant et au moins trois après
      2. 2.4.3Évitez les césures sur trois lignes consécutives
      3. 2.4.5Appliquez les césures en respectant les règles de la langue utilisée
      4. 2.4.6Ecrivez les numéros courts et les expressions mathématiques avec des espaces insécables
      5. 2.4.8Ne commencez jamais une page avec la dernière ligne d’un paragraphe
  2. 3Harmonie & contrepoint
    1. 3.1Dimension
      1. 3.1.1Ne composez pas sans une règle
    2. 3.2Chiffres, capitales & petites capitales
      1. 3.2.1Utilisez des titling figures en capitales, et des text figures en toute autre circonstance