Better Typography

Typographie professionnelle pour le Web

Un guide complet pour appliquer des principes typographiques qui rendent le texte lisible et accessible dans toutes les interfaces numériques. Il privilégie la sobriété et la clarté : des échelles typographiques cohérentes, des espacements confortables et un contraste suffisant plutôt que des effets décoratifs.

Points forts

• Des échelles typographiques et des hiérarchies de titres qui suivent les niveaux sémantiques
• Le chargement des polices au format .woff2 et avec des propriétés CSS plutôt qu’avec des balises de fonctionnalités brutes
• Des réglages de l’interlignage, de la longueur des lignes et de text-wrap pour une lecture confortable
• Les contraintes typographiques sur mobile, comme le zoom des champs de saisie sur iOS et les tailles de police adaptatives
• Des pratiques d’accessibilité couvrant le contraste, la sélection du texte et les fonctionnalités OpenType
• Des techniques CSS pour tronquer le texte, aligner les chiffres en colonnes et mettre en forme la ponctuation

Conçue pour les développeurs frontend et les designers qui créent des interfaces professionnelles. Cette compétence comprend des guides de référence sur le choix des polices, les techniques CSS, le calcul des espacements et les critères d’accessibilité. Chaque section fournit des recommandations précises et des modèles de code directement applicables.