Stack de fuentes básicas de sistema

Fuentes pre-instaladas en todos los sistemas modernos.

Ventajas:

  • No se descargan fuentes externas
  • Amplio soporte Unicode
  • Apariencia nativa

Sans-serif

body {
    font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
}

Serif

body {
    font-family: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}

Mono

body {
    font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
}

¿Qué es -apple-system?

-apple-system y BlinkMacSystemFont son alias para las fuentes Sans-serif default en las versiones más recientes de macOS e iOS. En las versiones aún mas recientes, son alias a la fuente San Francisco.

Fuentes por plataforma

Fuente Plataforma
-apple-system Safari / Firefox en iOS / macOS / Mac OS X
BlinkMacSystemFont Chrome en macOS
Segoe UI Windows
Roboto Android 4+, Chrome OS
Droid Sans Android < 4
Ubuntu Ubuntu
Cantarell GNOME
Helvetica Neue macOS < 10.11
Arial Universal
sans-serif Universal

Más información