ES

Sistemas tipográficos con familias sans, serif y mono a juego

Familias diseñadas para usarse juntas: una sans, una serif o slab y a menudo una monoespaciada que comparten proporciones, pesos y carácter.

22 familias con licencia abiertaActualizada

Heading, text & code

Compuesto en Roboto. Selecciona “Mostrar aquí” en cualquier fuente de abajo para ver esta línea con ella.

Lo más difícil de combinar tipografías es que dos buenas fuentes pueden no llevarse bien. Sus alturas de x difieren, así que el texto de una parece un cuerpo mayor que el de la otra. Sus bold no son igual de gruesos. Una es cálida y la otra mecánica. Un sistema tipográfico evita el problema de raíz: sus miembros sans, serif y monoespaciado se diseñan según un plan común, con alturas, pesos y espaciado ajustados para convivir.

Eso convierte a estas familias en un camino seguro hacia una maquetación con varias voces. Una disposición habitual es la sans para la interfaz y los titulares, la serif para la lectura larga y la monoespaciada para código, datos o pies de foto. Otra es la inversa, con titulares serif sobre texto sans. En ambos casos puedes cambiar de familia en mitad de una línea, para un término de código o una cita en serif, y la línea conserva su ritmo.

Los sistemas varían de tamaño. Algunos tienen solo dos miembros, una sans y su monoespaciada o una serif y su sans; otros añaden una slab, un corte display o más anchuras. Los miembros siguientes están agrupados por sistema, y cada nota nombra a los hermanos que figuran en este catálogo. Si ya usas una familia de un sistema, su compañera es la primera combinación que conviene probar.

  1. Roboto

    La sans de un sistema que en este catálogo también tiene miembros slab, serif y de ancho fijo.

    Sans Serif 18 estilos · variable OFL Prueba Roboto

  2. Roboto Slab

    La slab serif de la familia Roboto, compañera de la sans sobre el mismo esqueleto, en nueve pesos en redonda.

    Slab Serif 9 estilos · variable Apache 2.0 Prueba Roboto Slab

  3. Roboto Serif

    The reading serif under the Roboto name, matching the sans with nine weights and italics.

    Serif 18 estilos · variable OFL Prueba Roboto Serif

  4. Roboto Mono

    El miembro monoespaciado de la familia Roboto, con sus formas adaptadas a un solo ancho, en siete pesos con cursivas.

    Monoespaciadas 14 estilos · variable OFL Prueba Roboto Mono

  5. IBM Plex Sans

    La sans de una familia corporativa con hermanas Serif y Mono en los mismos siete pesos.

    Sans Serif 14 estilos · variable OFL Prueba IBM Plex Sans

  6. IBM Plex Serif

    La serif de la familia Plex, creada como compañera de lectura de su sans y su mono, en siete pesos con cursivas.

    Serif 14 estilos OFL Prueba IBM Plex Serif

  7. IBM Plex Mono

    El miembro monoespaciado de IBM Plex, en los mismos siete pesos con cursivas que la sans y la serif.

    Monoespaciadas 14 estilos OFL Prueba IBM Plex Mono

  8. Source Sans 3

    Una sans de interfaz con una compañera serif de transición y otra de ancho fijo para código en la familia Source.

    Sans Serif 16 estilos · variable OFL Prueba Source Sans 3

  9. Source Serif 4

    Una serif de transición hecha para acompañar a Source Sans, con sus mismas proporciones y el mismo gris tipográfico del texto.

    Serif 16 estilos · variable OFL Prueba Source Serif 4

  10. Source Code Pro

    La compañera monoespaciada adaptada de Source Sans, que conserva sus proporciones verticales y sus formas generales.

    Monoespaciadas 16 estilos · variable OFL Prueba Source Code Pro

  11. Noto Sans

    La sans principal de la colección Noto, con una serif y una sans de ancho fijo como compañeras.

    Sans Serif 18 estilos · variable OFL Prueba Noto Sans

  12. Noto Serif

    La serif de la colección Noto, compañera de Noto Sans: nueve pesos con cursivas.

    Serif 18 estilos · variable OFL Prueba Noto Serif

  13. PT Sans

    La primera familia de un proyecto tipográfico público, acompañada de una serif a juego y una de ancho fijo, en Regular y Bold con cursivas.

    Sans Serif 4 estilos OFL Prueba PT Sans

  14. PT Serif

    Armonizada con PT Sans en métricas, proporciones y pesos para que las dos puedan combinarse, con cobertura de latín y cirílico.

    Serif 4 estilos OFL Prueba PT Serif

  15. Fira Sans

    La sans de la familia Fira, que también tiene una variante de ancho fijo, Fira Mono.

    Sans Serif 18 estilos OFL Prueba Fira Sans

  16. Merriweather

    Una serif de texto para pantalla cuya familia hermana sans se dibujó para combinar con ella.

    Serif 14 estilos · variable OFL Prueba Merriweather

  17. Merriweather Sans

    La sans semicondensada de bajo contraste creada para armonizar con la familia serif Merriweather.

    Sans Serif 12 estilos · variable OFL Prueba Merriweather Sans

  18. Space Grotesk

    Una sans proporcional derivada de Space Mono, que conserva las peculiaridades de su origen de ancho fijo.

    Sans Serif 5 estilos · variable OFL Prueba Space Grotesk

  19. Space Mono

    La fuente de ancho fijo de la que parte Space Grotesk: una monoespaciada de carácter display en Regular y Bold con cursivas.

    Monoespaciadas 4 estilos OFL Prueba Space Mono

  20. Red Hat Text

    The text cut of a family that also has a display cut and a fixed-width member, Red Hat Mono.

    Sans Serif 10 estilos · variable OFL Prueba Red Hat Text

  21. Geist

    La mitad proporcional del proyecto Geist, con Geist Mono como compañera de ancho fijo en los mismos nueve pesos.

    Sans Serif 18 estilos · variable OFL Prueba Geist

  22. Geist Mono

    La mitad monoespaciada del proyecto Geist, a juego con la sans proporcional en nueve pesos con cursivas.

    Monoespaciadas 18 estilos · variable OFL Prueba Geist Mono

Las muestras cargan un subconjunto latino básico de cada familia. Todas las familias de esta página tienen licencia abierta; su página indica las condiciones y ofrece los archivos originales.

Preguntas sobre sistemas tipográficos con familias sans, serif y mono a juego

¿Por qué combinar fuentes del mismo sistema de familias?

Comparten proporciones, altura de x y escalones de peso, así que el texto puede cambiar de estilo sin cambiar de tamaño ni de color aparentes. Esa coherencia es difícil de lograr con tipografías sin relación entre sí.

¿Qué miembro debe componer los titulares y cuál el texto?

Sirve cualquier orden. Titulares sans con texto serif transmiten un aire libresco y sereno; titulares serif sobre texto sans, uno editorial. Usa la monoespaciada para código, cifras y etiquetas pequeñas.

¿Es aburrido usar un solo sistema tipográfico?

No si aprovechas su gama: los distintos pesos, tamaños y anchuras, y el contraste entre sans y serif dan mucha variedad sin perder la coherencia de la página.

¿Puedo usar estas familias juntas en un producto comercial?

Sí. Casi todas tienen la SIL Open Font License y Roboto Slab la Apache License 2.0; ambas permiten el uso comercial, la incrustación y la modificación. La página de cada fuente indica su licencia.