Modern Font Stacks – Font-Stacks mit Systemschriftarten

• Bietet CSS-Font-Stacks mit den „Systemschriftarten“ moderner Betriebssysteme
• Da es integrierte Schriftarten sind, ist kein Download von Webfonts nötig, wodurch sich schnelle Webseiten erstellen lassen
• 15 Schriftarten-Kategorien
  • System UI: die Standard-UI-Schriftarten des Betriebssystems
    • font-family: system-ui, sans-serif;
    • Auf Mac/iOS wird San Francisco verwendet, unter Windows Segoe UI, auf Android Roboto, unter Linux Ubuntu usw.
  • Transitional: Harmonie aus Alt und Neu
    • font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
  • Old Style: Schriften aus der Renaissance mit charakteristischen gerundeten Serifen
    • font-family: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;
  • Humanist: organische, kalligrafische Formen, inspiriert von Handschriften der Renaissance. Leichter lesbar als andere Sans-Serifs
    • font-family: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;
  • Geometric Humanist: zeichnet sich durch gleichmäßige Strichbreiten aus und wird häufig für Headlines verwendet
    • font-family: Avenir, 'Avenir Next LT Pro', Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;
  • Classical Humanist: endet nicht mit Serifen, sondern verbreitert sich an den Strichenden leicht
    • font-family: Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;
  • Neo-Grotesque: Sans-Serif-Stil, der sich vom späten 19. bis frühen 20. Jahrhundert entwickelte
    • font-family: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
  • Monospace Slab Serif: Zeichen mit fester Breite. Schlicht. Zur Emulation von Schreibmaschinenausgaben in Berichten, Tabellen und technischer Dokumentation
    • font-family: 'Nimbus Mono PS', 'Courier New', 'Cutive Mono', monospace;
  • Monospace Code: für Programmierung. Festbreitenschrift mit guter Lesbarkeit
    • font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
  • Industrial: entstand im späten 19. Jahrhundert. Kräftige Sans-Serifs mit einfacher, direkter Form
    • font-family: Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif;
  • Rounded Sans: abgerundet für einen weicheren und freundlicheren Eindruck. Kinderfreundlich
    • font-family: ui-rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT Bold', Calibri, source-sans-pro, sans-serif;
  • Slab Serif: dicke, blockartige Serifen an den Buchstabenenden
    • font-family: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
  • Antique: im 19. Jahrhundert populär. Charakteristisch sind blockartige Serifen und dicke, gleichmäßige Strichstärken
    • font-family: Superclarendon, 'Bookman Old Style', 'URW Bookman', 'URW Bookman L', 'Georgia Pro', Georgia, serif;
  • Didone: moderne Schrift. Kräftige Striche. Haarlinien-Serifen ohne Bracketing
    • font-family: Didot, 'Bodoni MT', 'Noto Serif Display', 'URW Palladio L', P052, Sylfaen, serif;
  • Handwritten: handschriftlich
    • font-family: 'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual, cursive;

[xguru]

Auf der GitHub-Seite kann man leicht vergleichen, wie es auf den einzelnen Betriebssystemen aussieht.
https://github.com/system-fonts/modern-font-stacks