# Fontes monoespaçadas em branding: tech, editorial e retrô

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

A tipografia monoespaçada nasceu para máquinas de escrever e terminais. Hoje as marcas a usam para parecer precisas, diretas ou nostálgicas. Veja como escolher uma, onde ela cabe numa identidade e onde não cabe.

## The short version

- Numa fonte monoespaçada, todo caractere ocupa a mesma largura, então o texto se alinha em colunas perfeitas.
- A tipografia monoespaçada soa técnica, editorial ou retrô, dependendo da fonte e das cores ao redor.
- JetBrains Mono, IBM Plex Mono, Space Mono, DM Mono e Courier Prime são fontes monoespaçadas gratuitas no Google Fonts.
- Fontes monoespaçadas funcionam melhor em etiquetas, números, códigos e linhas curtas, e cansam em parágrafos longos.
- Se você só precisa que os números se alinhem, algarismos tabulares numa fonte comum resolvem sem mudar a voz inteira.

**Fontes monoespaçadas** dão a todo caractere a mesma largura, então um i ocupa tanto espaço quanto um m e o texto se alinha em colunas organizadas. Esse ritmo mecânico é o motivo de as marcas as usarem: numa identidade tech, a monoespaçada soa precisa e projetada; no design editorial, soa direta e documental; e no trabalho retrô lembra máquinas de escrever, recibos e terminais de tela verde. Boas opções gratuitas incluem JetBrains Mono, IBM Plex Mono, Space Mono, DM Mono e Courier Prime, todas no Google Fonts.

## Por que a tipografia monoespaçada passa essa sensação

Fontes comuns são proporcionais: letras estreitas ganham caixas estreitas, letras largas ganham caixas largas. A monoespaçada força toda letra numa caixa só. As letras estreitas ganham serifas ou barras para preencher o espaço, as largas são espremidas, e o resultado tem uma grade visível. As pessoas associam essa grade às máquinas que a produziram: máquinas de escrever, editores de código, terminais, passagens aéreas e etiquetas de envio. Essas associações são o valor da marca e também o risco.

## Fontes monoespaçadas gratuitas, por estilo

| Estilo | Google Fonts | Caráter | Combina com |
| --- | --- | --- | --- |
| Técnica e limpa | JetBrains Mono, Geist Mono, Roboto Mono, Source Code Pro | Neutra, muito legível, feita para código | Ferramentas para desenvolvedores, SaaS, documentação |
| Corporativa e editorial | IBM Plex Mono, DM Mono, Red Hat Mono | Calma, refinada, um pouco livresca | Revistas, estúdios, relatórios anuais |
| De caráter | Space Mono, Martian Mono, Azeret Mono | Geométrica ou peculiar, forte em tamanhos grandes | Títulos, cartazes, marcas criativas |
| Máquina de escrever | Courier Prime, Special Elite | Serifas em barra, tinta e papel | Roteiros, cartas, marcas vintage |
| Tela retrô | VT323, Share Tech Mono | Formas de terminal e de tela de ficção científica | Jogos, música, campanhas nostálgicas |

Gratuitas, com licenças abertas. A Fira Code ainda acrescenta ligaduras de programação que transformam pares de caracteres como => em símbolos únicos.

Algumas histórias ajudam na escolha. A **IBM Plex Mono** faz parte da família corporativa da própria IBM, então carrega uma calma séria e institucional. A **Space Mono** foi desenhada pela Colophon para o Google Design e tem um visual geométrico distintivo que se sustenta como título. A **Courier Prime** foi criada como uma Courier mais refinada para roteiros. A **VT323** se baseia nas letras de um terminal de computador DEC dos anos 1980, então se lê na hora como retrô.

## Monoespaçada no branding de tecnologia

Para ferramentas de desenvolvimento e produtos técnicos, uma fonte mono sinaliza que a marca fala a língua do usuário. A armadilha é usá-la em tudo. Um site inteiro em monoespaçada cansa a leitura e parece um editor de código, não um produto. O padrão mais forte é uma sem serifa limpa para títulos e corpo, com a monoespaçada para os detalhes realmente técnicos: números de versão, comandos, etiquetas, preços em tabelas, pequenas chamadas acima dos títulos.

Imagem de link larga para o LinkedIn anunciando a Versão 3.0, com uma pequena etiqueta técnica acima do título

Uma imagem de link de 1200×627 para o LinkedIn de uma nova versão. A etiqueta de versão é o lugar natural da monoespaçada; o título pode ficar numa sem serifa.

Post editorial vertical intitulado Boletim 017, com uma pequena etiqueta de data e uma lista curta

Um post editorial. Datas, números de edição e etiquetas de arquivo em mono dão um clima documental, de caderno de notas.

## Monoespaçada no design editorial

Revistas, newsletters e estúdios usam a monoespaçada para metadados: linhas de data, legendas, créditos, números de edição e cabeçalhos correntes. Ao lado de uma serifada ou de uma sem serifa refinada, ela acrescenta uma nota de honestidade, como o caderno de um repórter ou uma etiqueta de arquivo. Funciona porque é usada com parcimônia e em tamanho pequeno, em caixa-alta ou minúsculas com um pouco de espaçamento entre letras. [Fundamentos de tipografia](https://gradiently.design/pt-br/guide/typography-basics) e [combinação de fontes](https://gradiently.design/pt-br/guide/font-pairing) mostram como construir esse contraste.

## Monoespaçada no design retrô

A mono retrô vem em dois dialetos. As fontes de máquina de escrever trazem papel, tinta e o escritório dos anos 1960; as de terminal trazem telas brilhantes e os primórdios da computação. A cor faz metade do trabalho: uma fonte de máquina de escrever sobre off-white quente, uma fonte de terminal em verde-fósforo ou âmbar sobre quase preto. [Fontes retrô](https://gradiently.design/pt-br/guide/retro-fonts) cobre a gama mais ampla de estilos nostálgicos.

- Preto de terminal: #0b0f0c
- Verde-fósforo: #33ff66
- Tela âmbar: #ffb000
- Papel de datilografia: #f3ecdc
- Tinta de fita: #2b2a28

Dois mundos retrô para a monoespaçada: verde ou âmbar sobre preto de terminal, ou tinta de fita sobre papel de datilografia. Escolha um, nunca os dois.

## Como usar bem a monoespaçada

### Evite

- Parágrafos longos em monoespaçada
- Monoespaçada em todos os elementos de uma marca
- Fontes de máquina de escrever em textos financeiros sérios
- Misturar duas fontes mono diferentes
- Etiquetas mono minúsculas sem espaçamento entre letras

### Faça

- Mono para etiquetas, números, códigos e linhas curtas
- Uma sem serifa ou serifada para títulos e corpo
- Combine o estilo com o tom da marca
- Uma fonte mono, usada em um ou dois papéis
- Mono pequena em caixa-alta com cerca de 0,05em de espaçamento

Às vezes o que você realmente quer são números alinhados, não uma voz mecânica. Muitas fontes proporcionais incluem algarismos tabulares, dígitos que compartilham uma só largura e que você pode ativar em CSS. Isso mantém preços e tabelas organizados sem mudar o clima do design inteiro.

```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 a própria fonte mono do sistema operacional como alternativa. `tabular-nums` alinha os dígitos em fontes que o aceitam.

A monoespaçada combina bem com fundos de degradê e de material, porque a sua textura chapada e uniforme contrasta com a cor suave. Na Gradiently, um Mark mantém pequenas etiquetas legíveis ao mover a sua região mais calma para trás das palavras e escolher tinta clara ou escura por linha e, com o Pro, o kit de marca guarda as suas fontes de título e de corpo, incluindo [arquivos de fonte enviados por você](https://gradiently.design/pt-br/guide/custom-fonts-upload). Para uma visão mais ampla da tipografia de marca, veja [fontes da marca](https://gradiently.design/pt-br/guide/brand-fonts) e [fontes modernas](https://gradiently.design/pt-br/guide/modern-fonts).

## FAQ

### O que é uma fonte monoespaçada?

Uma fonte em que todo caractere ocupa a mesma largura horizontal, então o texto se alinha em colunas, como numa máquina de escrever ou num editor de código.

### Qual é a melhor fonte monoespaçada gratuita?

JetBrains Mono e IBM Plex Mono são excelentes para tudo. A Space Mono combina com títulos e a Courier Prime com estilos de máquina de escrever. Todas são gratuitas no Google Fonts.

### Posso usar uma fonte monoespaçada em uma marca?

Pode, sobretudo em marcas de tecnologia, editoriais ou retrô. Use-a em etiquetas, números e linhas curtas, e combine com uma sem serifa ou serifada para textos mais longos.

### A monoespaçada é boa para texto de corpo?

Em geral, não. Larguras iguais deixam as palavras irregulares e os parágrafos mais lentos de ler. Reserve a monoespaçada para código e trechos curtos.

### Como alinhar números sem uma fonte monoespaçada?

Use algarismos tabulares. Em CSS, `font-variant-numeric: tabular-nums` faz os dígitos compartilharem uma só largura nas fontes que o aceitam.