# 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.

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.

How these were chosen: Familias que pertenecen a un sistema tipográfico con nombre y con al menos dos miembros en este catálogo, como miembro sans, serif, slab o monoespaciado; los miembros se listan junto a sus hermanos.

## Fonts (26)

- [Roboto](https://trendhub.net/es/fonts/roboto.markdown) (Sans Serif, 18 estilos · variable, OFL): La sans de un sistema que en este catálogo también tiene miembros slab, serif y de ancho fijo.
- [Roboto Slab](https://trendhub.net/es/fonts/roboto-slab.markdown) (Slab Serif, 9 estilos · variable, Apache 2.0): La slab serif de la familia Roboto, compañera de la sans sobre el mismo esqueleto, en nueve pesos en redonda.
- [Roboto Serif](https://trendhub.net/es/fonts/roboto-serif.markdown) (Serif, 18 estilos · variable, OFL): La serif de lectura bajo el nombre Roboto, que acompaña a la sans con nueve pesos y cursivas.
- [Roboto Mono](https://trendhub.net/es/fonts/roboto-mono.markdown) (Monoespaciadas, 14 estilos · variable, OFL): El miembro monoespaciado de la familia Roboto, con sus formas adaptadas a un solo ancho, en siete pesos con cursivas.
- [IBM Plex Sans](https://trendhub.net/es/fonts/ibm-plex-sans.markdown) (Sans Serif, 14 estilos · variable, OFL): La sans de una familia corporativa con hermanas Serif y Mono en los mismos siete pesos.
- [IBM Plex Serif](https://trendhub.net/es/fonts/ibm-plex-serif.markdown) (Serif, 14 estilos, OFL): La serif de la familia Plex, creada como compañera de lectura de su sans y su mono, en siete pesos con cursivas.
- [IBM Plex Mono](https://trendhub.net/es/fonts/ibm-plex-mono.markdown) (Monoespaciadas, 14 estilos, OFL): El miembro monoespaciado de IBM Plex, en los mismos siete pesos con cursivas que la sans y la serif.
- [Source Sans 3](https://trendhub.net/es/fonts/source-sans-3.markdown) (Sans Serif, 16 estilos · variable, OFL): Una sans de interfaz con una compañera serif de transición y otra de ancho fijo para código en la familia Source.
- [Source Serif 4](https://trendhub.net/es/fonts/source-serif-4.markdown) (Serif, 16 estilos · variable, OFL): Una serif de transición hecha para acompañar a Source Sans, con sus mismas proporciones y el mismo gris tipográfico del texto.
- [Source Code Pro](https://trendhub.net/es/fonts/source-code-pro.markdown) (Monoespaciadas, 16 estilos · variable, OFL): La compañera monoespaciada adaptada de Source Sans, que conserva sus proporciones verticales y sus formas generales.
- [Noto Sans](https://trendhub.net/es/fonts/noto-sans.markdown) (Sans Serif, 18 estilos · variable, OFL): La sans principal de la colección Noto, con una serif y una sans de ancho fijo como compañeras.
- [Noto Serif](https://trendhub.net/es/fonts/noto-serif.markdown) (Serif, 18 estilos · variable, OFL): La serif de la colección Noto, compañera de Noto Sans: nueve pesos con cursivas.
- [Noto Sans Mono](https://trendhub.net/es/fonts/noto-sans-mono.markdown) (Monoespaciadas, 9 estilos · variable, OFL): La sans monoespaciada de la colección Noto, con los mismos nueve pesos y el mismo eje de ancho estrechable que Noto Sans.
- [PT Sans](https://trendhub.net/es/fonts/pt-sans.markdown) (Sans Serif, 4 estilos, OFL): 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.
- [PT Serif](https://trendhub.net/es/fonts/pt-serif.markdown) (Serif, 4 estilos, OFL): Armonizada con PT Sans en métricas, proporciones y pesos para que las dos puedan combinarse, con cobertura de latín y cirílico.
- [PT Mono](https://trendhub.net/es/fonts/pt-mono.markdown) (Monoespaciadas, 1 estilo, OFL): El miembro monoespaciado de la familia PT, que comparte lenguaje de diseño con PT Sans y PT Serif, solo en Regular.
- [Fira Sans](https://trendhub.net/es/fonts/fira-sans.markdown) (Sans Serif, 18 estilos, OFL): La sans de la familia Fira, que también tiene una variante de ancho fijo, Fira Mono.
- [Fira Mono](https://trendhub.net/es/fonts/fira-mono.markdown) (Monoespaciadas, 3 estilos, OFL): La variante monoespaciada que acompaña a la sans Fira, en Regular, Medium y Bold.
- [Merriweather](https://trendhub.net/es/fonts/merriweather.markdown) (Serif, 14 estilos · variable, OFL): Una serif de texto para pantalla cuya familia hermana sans se dibujó para combinar con ella.
- [Merriweather Sans](https://trendhub.net/es/fonts/merriweather-sans.markdown) (Sans Serif, 12 estilos · variable, OFL): La sans semicondensada de bajo contraste creada para armonizar con la familia serif Merriweather.
- [Space Grotesk](https://trendhub.net/es/fonts/space-grotesk.markdown) (Sans Serif, 5 estilos · variable, OFL): Una sans proporcional derivada de Space Mono, que conserva las peculiaridades de su origen de ancho fijo.
- [Space Mono](https://trendhub.net/es/fonts/space-mono.markdown) (Monoespaciadas, 4 estilos, OFL): La fuente de ancho fijo de la que parte Space Grotesk: una monoespaciada de carácter display en Regular y Bold con cursivas.
- [Red Hat Text](https://trendhub.net/es/fonts/red-hat-text.markdown) (Sans Serif, 10 estilos · variable, OFL): La versión de texto de una familia que también tiene una versión de exhibición y un miembro de ancho fijo, Red Hat Mono.
- [Red Hat Mono](https://trendhub.net/es/fonts/red-hat-mono.markdown) (Monoespaciadas, 10 estilos · variable, OFL): El miembro monoespaciado de la familia tipográfica Red Hat, junto a dos tamaños ópticos proporcionales, con cursivas.
- [Geist](https://trendhub.net/es/fonts/geist.markdown) (Sans Serif, 18 estilos · variable, OFL): La mitad proporcional del proyecto Geist, con Geist Mono como compañera de ancho fijo en los mismos nueve pesos.
- [Geist Mono](https://trendhub.net/es/fonts/geist-mono.markdown) (Monoespaciadas, 18 estilos · variable, OFL): La mitad monoespaciada del proyecto Geist, a juego con la sans proporcional en nueve pesos con cursivas.

## FAQs

### ¿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.

## Related collections

- [Familias tipográficas con nueve pesos y cursivas](https://trendhub.net/es/fonts/for/font-families-with-nine-weights.markdown)
- [Fuentes serif para lecturas largas en pantalla](https://trendhub.net/es/fonts/for/serif-fonts-for-long-reading.markdown)
- [Fuentes monoespaciadas para programar](https://trendhub.net/es/fonts/for/monospace-fonts-for-coding.markdown)
- [Fuentes sans serif humanistas para texto legible](https://trendhub.net/es/fonts/for/humanist-sans-serif-fonts.markdown)
- [Fuentes slab serif](https://trendhub.net/es/fonts/for/slab-serif-fonts.markdown)
- [Fuentes sans serif limpias para interfaces de apps](https://trendhub.net/es/fonts/for/app-interface-fonts.markdown)

---

Source: https://trendhub.net/es/fonts/for/matching-sans-serif-and-mono-families (trendhub)