1. Sérif éditorial et sans sérif neutre
Designer d’interfaceContexte
Un designer prépare une interface éditoriale et veut vérifier le contraste entre un titre expressif et un texte courant lisible.
Problème
Comparer rapidement les proportions et la lisibilité de la combinaison avec une phrase réelle.
Utilisation
Saisissez « Fraunces, Georgia, serif » pour le titre, « Inter, system-ui, sans-serif » pour le corps, puis ajoutez le texte « Design systems should make the right choice easy. ».
Jeu de caractères : latin ; titre : 48 px, graisse 700, interligne 1,1 ; corps : 18 px, graisse 400, interligne 1,6.Résultat
L’aperçu HTML montre un titre contrasté et un texte courant avec les réglages typographiques choisis.