Typographie

La police

body {
    font-family: Georgia, "Times New Roman", serif;
}

font-family est une liste : le navigateur prend la première police installée sur l'appareil. La dernière est toujours une famille générique (serif, sans-serif, monospace) qui existe partout. Un nom qui contient des espaces s'écrit entre guillemets.

Taille, graisse, style

h1 {
    font-size: 2rem;        /* deux fois la taille de base */
    font-weight: bold;      /* ou 700 */
    font-style: italic;
}

L'interligne

body {
    line-height: 1.6;
}

line-height sans unité est un multiple de la taille du texte : 1.6 donne une ligne de 1,6 fois la hauteur des caractères. C'est la forme recommandée : elle reste juste quand la taille change. Entre 1.4 et 1.7, un texte long se lit bien mieux qu'avec l'interligne serré par défaut.

L'alignement

text-align : left, right, center, justify. Réservez center aux titres et aux textes courts : un long paragraphe centré se lit mal.