Modern Font Stacks - pilhas de fontes usando fontes do sistema

• Fornece CSSs de pilhas de fontes que usam as 'fontes do sistema' dos sistemas operacionais mais recentes
• Como são fontes embutidas, não é necessário baixar webfonts, o que permite criar páginas web mais rápidas
• 15 tipos de famílias tipográficas
  • System UI : as fontes padrão de UI do sistema operacional
    • font-family: system-ui, sans-serif;
    • No Mac/iOS usa San Francisco, no Windows Segoe UI, no Android Roboto e no Linux Ubuntu, entre outras
  • Transitional : harmonia entre o novo e o antigo
    • font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
  • Old Style : fonte da era renascentista, caracterizada por serifas arredondadas
    • font-family: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;
  • Humanist : forma caligráfica orgânica, inspirada na escrita manual da Renascença. Mais fácil de ler do que outras sans-serif
    • font-family: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;
  • Geometric Humanist : caracterizada pela largura uniforme dos traços, usada com frequência em títulos
    • font-family: Avenir, 'Avenir Next LT Pro', Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;
  • Classical Humanist : não termina em serifa, mas se alarga sutilmente nas extremidades dos traços
    • font-family: Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;
  • Neo-Grotesque : estilo sans-serif desenvolvido do fim do século XIX ao início do século XX
    • font-family: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
  • Monospace Slab Serif : caracteres de largura fixa. Simples. Emula saída de máquina de escrever em relatórios, tabelas e documentos técnicos
    • font-family: 'Nimbus Mono PS', 'Courier New', 'Cutive Mono', monospace;
  • Monospace Code : para programação. Monoespaçada e fácil de ler
    • font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
  • Industrial : surgiu no fim do século XIX. Sans-serif ousada, com formas simples e diretas
    • font-family: Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif;
  • Rounded Sans : curvas arredondadas que passam uma sensação mais suave e amigável. Adequada para crianças
    • font-family: ui-rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT Bold', Calibri, source-sans-pro, sans-serif;
  • Slab Serif : serifas grossas e em bloco nas extremidades das letras
    • font-family: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
  • Antique : popular no século XIX. Caracterizada por serifas em bloco e traços grossos e uniformes
    • font-family: Superclarendon, 'Bookman Old Style', 'URW Bookman', 'URW Bookman L', 'Georgia Pro', Georgia, serif;
  • Didone : tipografia moderna. Traços grossos. Serifas hairline sem bracketing
    • font-family: Didot, 'Bodoni MT', 'Noto Serif Display', 'URW Palladio L', P052, Sylfaen, serif;
  • Handwritten : manuscrita
    • font-family: 'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual, cursive;

[xguru]

Na página do GitHub, é possível comparar facilmente como fica em cada sistema operacional.
https://github.com/system-fonts/modern-font-stacks