ÉCHELLE TYPOGRAPHIQUE
Doubler la différence entre chaque taille :
11 12 14 18 26 42 74
INTERLIGNAGE
+ le texte est petit + la hauteur de ligne doit être grande et inversement
Plusieurs facteurs impactent l'interlignage : police, taille, graisse, casse, justification, intermot de la fonte, etc. Plus la justification est longue, plus l'interlignage devient nécessaire. À l'inverse, plus la taille de la fonte augmente, plus l'interlignage peut être réduit.
Une bonne règle est de déterminer un interlignage de 2 à 5 points plus grand que la taille de la fonte, selon la police. Si vous avez une fonte de 12pt, un interlignage de 15 à 16pt devrait bien fonctionner sur le Web.
14px -> entre 18 et 21, soit 20px -> 1.43em
MESURE (longueur de ligne)
Entre 45 et 75 caractères (= 3.75 em)
Environ 66 caractères
Ex. texte 16px -> 16px X 3.75 X 100 = 600px
JUSTIFICATIONS
Pour une lisibilité optimale, vous devriez avoir une justification de 40 à 80 caractères, espaces inclus. Pour un design à une seule colonne, une justification de 65 caractères est considérée comme idéale.
Une manière simple pour calculer la justification est d'utiliser la méthode de Robert Bringhurst, qui multiplie la taille de la police par 30. Si la taille de la police est de 10px, la multiplier par 30 vous donne une justification de 300px ou environ 65 caractères par ligne. Le code ressemblerait à quelque chose comme :
p {
font-size: 10px;
max-width: 300px;
}
sources : 8 façons simples d’améliorer la typographie dans vos designs