Polices système
body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }Google Fonts
Lien <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">, ou mieux : télécharger et auto-héberger (vitesse, RGPD : pas de requête vers Google).
@font-face
@font-face {
font-family: "Inter";
src: url("/fonts/inter-var.woff2") format("woff2");
font-weight: 100 900;
font-display: swap;
}Lisibilité
- Taille du texte : 1rem à 1.125rem, interligne 1.5-1.7.
- Lignes de 50 à 75 caractères (
max-width: 70ch). - Deux polices maximum. Vérifier la licence.