Modern Font Stacks - piles de polices utilisant les polices système

• Fournit des piles CSS basées sur les « polices système » des OS récents
• Comme il s'agit de polices intégrées, aucun téléchargement de webfonts n'est nécessaire, ce qui permet de créer des pages web plus rapides
• 15 catégories de polices
  • System UI : les polices UI par défaut des OS
    • font-family: system-ui, sans-serif;
    • Utilise San Francisco sur Mac/iOS, Segoe UI sur Windows, Roboto sur Android, Ubuntu sur Linux, etc.
  • Transitional : un équilibre entre ancien et nouveau
    • font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
  • Old Style : polices de la Renaissance caractérisées par des empattements arrondis
    • font-family: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;
  • Humanist : formes calligraphiques organiques, inspirées de l'écriture manuscrite de la Renaissance. Plus lisible que d'autres sans-serif
    • font-family: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;
  • Geometric Humanist : se distingue par une largeur de trait uniforme, souvent utilisée pour les titres
    • font-family: Avenir, 'Avenir Next LT Pro', Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;
  • Classical Humanist : ne se termine pas par des empattements, mais s'élargit subtilement à l'extrémité des traits
    • font-family: Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;
  • Neo-Grotesque : style sans-serif développé entre la fin du XIXe siècle et le début du XXe siècle
    • font-family: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
  • Monospace Slab Serif : caractères à chasse fixe. Simples. Émulation du rendu machine à écrire dans les rapports, tableaux et documents techniques
    • font-family: 'Nimbus Mono PS', 'Courier New', 'Cutive Mono', monospace;
  • Monospace Code : pour la programmation. Chasse fixe et bonne lisibilité
    • font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
  • Industrial : apparu à la fin du XIXe siècle. Sans-serif audacieux, formes simples et directes
    • font-family: Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif;
  • Rounded Sans : formes arrondies pour une impression plus douce et plus conviviale. Adapté aux enfants
    • font-family: ui-rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT Bold', Calibri, source-sans-pro, sans-serif;
  • Slab Serif : empattements épais et en forme de blocs à l'extrémité des lettres
    • font-family: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
  • Antique : populaire au XIXe siècle. Se distingue par des empattements massifs et une épaisseur de trait forte et uniforme
    • font-family: Superclarendon, 'Bookman Old Style', 'URW Bookman', 'URW Bookman L', 'Georgia Pro', Georgia, serif;
  • Didone : style moderne. Traits épais. Empattements fins sans bracketing
    • font-family: Didot, 'Bodoni MT', 'Noto Serif Display', 'URW Palladio L', P052, Sylfaen, serif;
  • Handwritten : écriture manuscrite
    • font-family: 'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual, cursive;

[xguru]

Sur la page GitHub, il est facile de comparer l’apparence sur chaque OS.
https://github.com/system-fonts/modern-font-stacks