Voici une traduction de webtypography.net de Richard Rutter, une ressource pour les intégrateurs et webdesigners souhaitant maîtriser le sujet encore jeune et parfois immature de la typographie appliquée à la page web.

Ayant beaucoup appris grâce à ce site, je souhaitais que ces informations puissent être à la portée de ceux et celles que l'anglais écrit ramène aux souvenirs des salles de classe au moment du rendu de copies, plus qu'à autre chose.


Le site va se compléter petit à petit, et migrera un jour sur webtypography.net lorsque Mr Rutter trouvera le temps d'ajouter ces traductions ; je vous invite à suivre @webtypographie pour vous tenir au courant des mises à jour et autres liens utiles au sujet des CSS (suggestions bienvenues). Vous pourrez utiliser ce service pour remonter vos remarques, relever les photes et mauvaises formulations.

Certains mots sont restés intraduisibles pour moi, aussi j'en profite pour faire appel aux vrais bilingues typographes qui passeraient par là et demander leur éclairage.


Bonne lecture à tous, et bonne typographie sur vos sites.

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