- Proporciona CSS de pilas de fuentes que usan las "fuentes del sistema" de los sistemas operativos modernos
- Como son fuentes integradas, no hace falta descargar webfonts, por lo que es posible crear páginas web más rápidas
- 15 tipos de tipografías
- System UI: las fuentes UI predeterminadas del sistema operativo
font-family: system-ui, sans-serif;- Usa San Francisco en Mac/iOS, Segoe UI en Windows, Roboto en Android y Ubuntu en Linux, entre otras
- Transitional: armonía entre lo nuevo y lo clásico
font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
- Old Style: fuentes de la época del Renacimiento, caracterizadas por serifas redondeadas
font-family: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;
- Humanist: formas caligráficas orgánicas, inspiradas en la escritura a mano del Renacimiento. Más fáciles de leer que otras sans serif
font-family: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;
- Geometric Humanist: se distingue por el grosor uniforme de los trazos y se usa con frecuencia en titulares
font-family: Avenir, 'Avenir Next LT Pro', Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;
- Classical Humanist: no termina en serifas, sino que se ensancha sutilmente al final de los trazos
font-family: Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;
- Neo-Grotesque: estilo sans serif desarrollado entre finales del siglo XIX y comienzos del XX
font-family: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
- Monospace Slab Serif: caracteres de ancho fijo. Simples. Emulan la salida de una máquina de escribir en reportes, tablas y documentación técnica
font-family: 'Nimbus Mono PS', 'Courier New', 'Cutive Mono', monospace;
- Monospace Code: para programación. Monoespaciadas y fáciles de leer
font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
- Industrial: surgió a fines del siglo XIX. Sans serif audaces, con formas simples y directas
font-family: Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif;
- Rounded Sans: curvas redondeadas que dan una sensación más suave y amigable. Adecuadas para públicos infantiles
font-family: ui-rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT Bold', Calibri, source-sans-pro, sans-serif;
- Slab Serif: serifas gruesas y con forma de bloque en los extremos de la tipografía
font-family: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
- Antique: popular en el siglo XIX. Se caracteriza por serifas tipo bloque y trazos gruesos y uniformes
font-family: Superclarendon, 'Bookman Old Style', 'URW Bookman', 'URW Bookman L', 'Georgia Pro', Georgia, serif;
- Didone: tipografía moderna. Trazos gruesos. Serifas finísimas sin bracketing
font-family: Didot, 'Bodoni MT', 'Noto Serif Display', 'URW Palladio L', P052, Sylfaen, serif;
- Handwritten: escritura a mano
font-family: 'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual, cursive;
1 comentarios
En la página de GitHub se puede comparar fácilmente cómo se ve en cada sistema operativo.
https://github.com/system-fonts/modern-font-stacks