# Fuentes monoespaciadas en branding: tech, editorial y retro

[Canonical HTML page](https://gradiently.design/es/guide/monospace-fonts)

La tipografía monoespaciada nació para las máquinas de escribir y los terminales. Hoy las marcas la usan para parecer precisas, francas o nostálgicas. Así se elige una, dónde encaja en una identidad y dónde no.

## The short version

- En una fuente monoespaciada, cada carácter ocupa el mismo ancho, así que el texto se alinea en columnas perfectas.
- La tipografía monoespaciada se lee técnica, editorial o retro según la tipografía y los colores que la rodean.
- JetBrains Mono, IBM Plex Mono, Space Mono, DM Mono y Courier Prime son fuentes monoespaciadas gratuitas en Google Fonts.
- Las fuentes monoespaciadas funcionan mejor en etiquetas, números, códigos y líneas cortas, y cansan en párrafos largos.
- Si solo necesitas que los números se alineen, las cifras tabulares de una fuente normal hacen el trabajo sin cambiar toda la voz.

Las **fuentes monoespaciadas** dan a cada carácter el mismo ancho, así que una i ocupa tanto como una m y el texto se alinea en columnas ordenadas. Ese ritmo mecánico es la razón de que las marcas las usen: en una identidad tecnológica, la monoespaciada se lee precisa y diseñada con ingeniería; en diseño editorial se lee franca y documental; y en trabajos retro recuerda a máquinas de escribir, recibos y terminales de pantalla verde. Buenas tipografías gratuitas son JetBrains Mono, IBM Plex Mono, Space Mono, DM Mono y Courier Prime, todas en Google Fonts.

## Por qué la tipografía monoespaciada se siente así

Las fuentes normales son proporcionales: las letras estrechas reciben cajas estrechas y las anchas, cajas anchas. La monoespaciada obliga a cada letra a entrar en una sola caja. Las letras estrechas echan serifas o slabs para llenar el espacio, las anchas se aprietan, y el resultado tiene una cuadrícula visible. La gente asocia esa cuadrícula con las máquinas que la producían: máquinas de escribir, editores de código, terminales, billetes de avión y etiquetas de envío. Esas asociaciones son el valor de marca, y también el riesgo.

## Fuentes monoespaciadas gratuitas, por estilo

| Estilo | Google Fonts | Carácter | Ideal para |
| --- | --- | --- | --- |
| Técnica y limpia | JetBrains Mono, Geist Mono, Roboto Mono, Source Code Pro | Neutra, muy legible, hecha para código | Herramientas para desarrolladores, SaaS, documentación |
| Corporativa y editorial | IBM Plex Mono, DM Mono, Red Hat Mono | Serena, refinada, algo libresca | Revistas, estudios, informes anuales |
| Con carácter | Space Mono, Martian Mono, Azeret Mono | Geométrica o peculiar, potente a tamaños grandes | Titulares, carteles, marcas creativas |
| Máquina de escribir | Courier Prime, Special Elite | Serifas slab, tinta y papel | Guiones, cartas, marcas vintage |
| Pantalla retro | VT323, Share Tech Mono | Formas de terminal y de pantalla de ciencia ficción | Juegos, música, campañas nostálgicas |

Gratuitas con licencias abiertas. Fira Code añade además ligaduras de programación que convierten pares de caracteres como => en símbolos únicos.

Algunas historias ayudan a elegir. **IBM Plex Mono** forma parte de la propia familia corporativa de IBM, así que transmite una calma seria e institucional. **Space Mono** la diseñó Colophon para Google Design y tiene un aspecto geométrico distintivo que aguanta como titular. **Courier Prime** se hizo como una Courier más refinada para guiones. **VT323** se basa en la tipografía de un terminal de ordenador DEC de los años ochenta, así que se lee al instante como retro.

## Monoespaciada en el branding tecnológico

Para herramientas de desarrollo y productos técnicos, una mono indica que la marca habla el idioma del usuario. La trampa es usarla en todas partes. Un sitio web entero en monoespaciada cansa al leer y parece un editor de código, no un producto. El patrón más sólido es una sans limpia para titulares y cuerpo, con monoespaciada para los detalles genuinamente técnicos: números de versión, comandos, etiquetas, precios en tablas, pequeños antetítulos.

Una imagen de enlace ancha de LinkedIn que anuncia la versión 3.0 con una pequeña etiqueta técnica sobre el titular

Una imagen de enlace de LinkedIn de 1200×627 para una versión. Una etiqueta de versión es el hogar natural de la monoespaciada; el titular puede quedarse en una sans.

Una publicación vertical editorial titulada Despacho 017 con una pequeña etiqueta de fecha y una lista corta

Una publicación editorial. Las fechas, los números de edición y las etiquetas de archivo en mono dan un aire documental, de cuaderno de notas.

## Monoespaciada en el diseño editorial

Las revistas, los boletines y los estudios usan monoespaciada para los metadatos: líneas de fecha, pies de foto, créditos, números de edición y cabeceras corrientes. Junto a una serifa o una sans refinada, añade una nota de honestidad, como un cuaderno de reportero o una etiqueta de archivo. Funciona porque se usa con moderación y en pequeño, en mayúsculas o minúsculas con un poco de espaciado entre letras. [Los fundamentos de la tipografía](https://gradiently.design/es/guide/typography-basics) y [la combinación de tipografías](https://gradiently.design/es/guide/font-pairing) tratan cómo construir ese contraste.

## Monoespaciada en el diseño retro

La mono retro viene en dos dialectos. Las tipografías de máquina de escribir traen papel, tinta y la oficina de los años sesenta; las de terminal traen pantallas brillantes y la informática temprana. El color hace la mitad del trabajo: una tipografía de máquina de escribir sobre blanco roto cálido, una de terminal en verde fósforo o ámbar sobre casi negro. [Las fuentes retro](https://gradiently.design/es/guide/retro-fonts) trata la gama más amplia de estilos nostálgicos.

- Negro terminal: #0b0f0c
- Verde fósforo: #33ff66
- Pantalla ámbar: #ffb000
- Papel de máquina: #f3ecdc
- Tinta de cinta: #2b2a28

Dos mundos retro para la monoespaciada: verde o ámbar sobre negro terminal, o tinta de cinta sobre papel de máquina. Elige uno, nunca los dos.

## Usar bien la monoespaciada

### Evita

- Párrafos largos compuestos en monoespaciada
- Monoespaciada para todos los elementos de una marca
- Tipografías de máquina de escribir para textos financieros serios
- Mezclar dos tipografías mono distintas
- Etiquetas mono diminutas sin espaciado entre letras

### Haz

- Mono para etiquetas, números, códigos y líneas cortas
- Una sans o una serifa para titulares y cuerpo
- Adapta el estilo al tono de la marca
- Una tipografía mono, usada en una o dos funciones
- Mono pequeña en mayúsculas con un espaciado de unos 0,05em

A veces lo que de verdad quieres son números que se alineen, no una voz mecánica. Muchas fuentes proporcionales incluyen cifras tabulares, dígitos que comparten un mismo ancho, que puedes activar en CSS. Eso mantiene ordenados los precios y las tablas sin cambiar la sensación de todo el diseño.

```css
/* A monospace accent for technical labels */
.label {
  font-family: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  font-size: 0.8125rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Aligned numbers without switching to monospace */
.price-table td {
  font-variant-numeric: tabular-nums;
}
```

`ui-monospace` usa como alternativa la propia tipografía mono del sistema operativo. `tabular-nums` alinea los dígitos en las fuentes que lo admiten.

La monoespaciada combina bien con fondos de degradado y de material, porque su textura plana y uniforme contrasta con el color suave. En Gradiently, un Mark mantiene legibles las etiquetas pequeñas moviendo su zona más tranquila detrás de las palabras y eligiendo tinta clara u oscura por línea, y con Pro el kit de marca guarda tus tipografías de titular y de cuerpo, incluidos [los archivos de fuente que subas](https://gradiently.design/es/guide/custom-fonts-upload). Para una visión más amplia de la tipografía de marca, mira [las tipografías de marca](https://gradiently.design/es/guide/brand-fonts) y [las fuentes modernas](https://gradiently.design/es/guide/modern-fonts).

## FAQ

### ¿Qué es una fuente monoespaciada?

Una fuente en la que cada carácter ocupa el mismo ancho horizontal, de modo que el texto se alinea en columnas, como en una máquina de escribir o en un editor de código.

### ¿Cuál es la mejor fuente monoespaciada gratuita?

JetBrains Mono e IBM Plex Mono son excelentes todoterreno. Space Mono va bien en titulares y Courier Prime en estilos de máquina de escribir. Todas son gratuitas en Google Fonts.

### ¿Puedo usar una fuente monoespaciada para una marca?

Sí, sobre todo para marcas tecnológicas, editoriales o retro. Úsala para etiquetas, números y líneas cortas, y combínala con una sans o una serifa para textos más largos.

### ¿Es buena la monoespaciada para el texto de cuerpo?

Normalmente no. Los anchos iguales hacen que las palabras sean desiguales y que los párrafos se lean más despacio. Reserva la monoespaciada para código y textos cortos.

### ¿Cómo hago que los números se alineen sin una fuente monoespaciada?

Usa cifras tabulares. En CSS, `font-variant-numeric: tabular-nums` hace que los dígitos compartan un mismo ancho en las fuentes que lo admiten.