# Fontes retrô: tipografias dos anos 70, 80 e 90

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

Cada década teve um punhado de fontes que hoje dizem o seu nome à primeira vista. Aqui estão elas, com alternativas grátis que você pode usar comercialmente e as regras que evitam que o retrô vire fantasia.

## The short version

- Fontes retrô são tipografias que lembram uma década específica, e os anos 1970, 1980 e 1990 têm cada um um conjunto reconhecível.
- Os anos 1970 são definidos por serifadas macias e pesadas e por sem serifas geométricas arredondadas, como Cooper Black e ITC Avant Garde Gothic.
- O visual dos anos 1980 vem de sem serifas largas e techno, letras cromadas, inlines de neon e fontes de pixel de fliperamas e computadores domésticos.
- Os anos 1990 misturam fontes display grunge com as primeiras fontes feitas para telas, como Verdana e Georgia.
- Uma fonte retrô parece uma escolha, não uma fantasia, quando combinada com uma sem serifa moderna e simples e usada em poucas palavras grandes.

**Fontes retrô** são tipografias que carregam o visual de uma década passada. Nos anos 1970, isso significa serifadas macias e parrudas, como a Cooper Black, e sem serifas geométricas arredondadas; nos anos 1980, letras techno largas, inlines de neon e tipos de pixel; nos anos 1990, fontes display grunge ao lado das primeiras fontes desenhadas para telas. Abaixo estão as fontes que definem cada década, Google Fonts grátis que dão a mesma sensação com licenças abertas e como usá-las para o resultado parecer pensado, e não nostálgico por nostalgia.

Primeiro, uma distinção. Uma fonte retrô é uma tipografia; um *efeito* retrô é o que você faz com as letras depois, como uma extrusão ou uma segunda cor mal registrada. Funcionam melhor juntos, e [efeitos de texto retrô](https://gradiently.design/pt-br/guide/retro-text-effect) cobre a segunda metade.

## Fontes dos anos 70: macias, pesadas e quentes

Os anos 1970 amavam peso e curvas. As fontes display eram compostas bem juntas, com letras quase se tocando, e as serifas derretiam em bolhas redondas. O visual veio da fotocomposição, que facilitou espaçar as letras mais perto do que o tipo de metal jamais permitiu, e do gosto por tudo que parecesse amigável e orgânico.

- **Cooper Black**: desenhada por Oswald Cooper nos anos 1920, mas virou a cara dos anos 70 em capas de disco e letreiros de lojas. Gorda, macia, impossível de confundir.
- **ITC Avant Garde Gothic**: uma sem serifa geométrica lançada em 1970, famosa pelos pares de maiúsculas apertados e sobrepostos nos títulos.
- **ITC Benguiat** e **Souvenir**: serifadas floreadas e saltitantes, que lembram capas de livros de bolso e títulos de séries de comédia.
- **Windsor**: uma serifada eduardiana com curvas inclinadas e pesadas, que voltou nos anos 70 e continuou familiar nos títulos de filmes.

Alternativas grátis: **Fraunces** é uma serifada variável inspirada nessas primeiras fontes display macias, com um eixo "wonky" que acrescenta o balanço; **Shrikhand** é pesada e divertida; **Bagel Fat One** dá a sensação arredondada e inflada. Use-as em uma paleta quente e a década chega sozinha; [paletas de cores retrô](https://gradiently.design/pt-br/guide/retro-color-palettes) tem mais opções.

- Nogueira: #3d2314
- Laranja queimado: #9a4a1c
- Ouro de colheita: #d98a2b
- Abacate: #6b7a2e
- Creme: #f3e3c3

Uma paleta dos anos 70 para compor uma serifada macia. Texto creme sobre nogueira ou laranja queimado dá bom contraste e mantém o calor.

## Fontes dos anos 80: cromado, neon e pixels

Os anos 1980 se dividiram em duas direções. Uma era o futuro visto de um toca-fitas: sem serifas largas e quadradas, degradês cromados, linhas de velocidade horizontais e tubos de neon. A outra era a própria tela, em que as letras eram feitas dos poucos pixels que um computador doméstico ou um fliperama conseguia mostrar.

- **Eurostile** e **Microgramma**: sem serifas largas e quadradas dos anos 1950 e 60 que se tornaram básicas para tudo que fosse de alta tecnologia nos anos 80.
- **ITC Machine** e fontes stencil pesadas: o lado robusto e industrial do visual.
- **Fontes de pixel e bitmap**: as fontes de fliperamas e dos primeiros computadores, em que cada letra fica sobre uma grade.

Alternativas grátis: **Audiowide** e **Orbitron** para o visual techno largo, **Monoton** para letras inline de neon, **Press Start 2P**, baseada em fontes de fliperama da época, e **VT323**, inspirada em um terminal clássico (mais em [fontes monoespaçadas](https://gradiently.design/pt-br/guide/monospace-fonts)). Fontes de pixel só ficam certas em tamanhos que sejam múltiplos inteiros da sua grade, então amplie-as em passos limpos, não para um tamanho qualquer.

- Horizonte cromado: `linear-gradient(180deg, #0b1b3f 0%, #1e3a8a 48%, #f0abfc 50%, #fdf4ff 52%, #1e1b4b 100%)`
- Pôr do sol synth: `linear-gradient(180deg, #120428 0%, #4c1d95 45%, #db2777 75%, #fb923c 100%)`
- Neon sobre preto: `radial-gradient(circle at 50% 40%, #22d3ee 0%, #0e7490 30%, #020617 70%)`

Três fundos dos anos 80. O horizonte cromado tem uma faixa clara e dura no meio, que é o truque por trás das letras cromadas.

## Fontes dos anos 90: grunge, rave e as primeiras fontes de web

Os anos 1990 deram à tipografia uma borda mais áspera. A editoração eletrônica pôs programas de fontes nas mãos de todos, e revistas e cartazes de música responderam com letras desgastadas, sobrepostas e deliberadamente quebradas. Ao mesmo tempo, a web precisava de fontes que funcionassem em telas de baixa resolução, e isso produziu algumas das tipografias mais usadas de todos os tempos.

- **Fontes grunge e desgastadas**: letras fotocopiadas, corroídas e sobrepostas de revistas e flyers de música.
- **Tipografia de rave e balada**: letras esticadas, techno e bolha em flyers de festas.
- **Verdana** e **Georgia**: desenhadas por Matthew Carter para telas em meados dos anos 90, com minúsculas grandes e espaçamento aberto.
- **Comic Sans**: lançada em 1994 e ainda uma das fontes mais discutidas já feitas.
- **Trajan**: uma fonte de maiúsculas clássicas de 1989 que acabou intitulando um sem-número de cartazes de filmes.

Alternativas grátis: **Rubik Glitch** e **Rubik Wet Paint** para uma borda quebrada, **Space Mono** para um ar levemente técnico, de zine, e **Bungee** para letreiros berrantes. Para o visual de nostalgia da web dos anos 90, muitas vezes basta usar uma serifada de tela, com links azul vivo sublinhados, sobre um fundo cinza.

| Década | Fontes marcantes | Google Fonts grátis | Melhor para |
| --- | --- | --- | --- |
| Anos 70 | Cooper Black, Avant Garde, Souvenir | Fraunces, Shrikhand, Bagel Fat One | Cafés, discos, padarias, brechós |
| Anos 80 | Eurostile, Microgramma, fontes de pixel | Audiowide, Orbitron, Monoton, Press Start 2P | Games, noites de música, lançamentos de tecnologia |
| Anos 90 | Fontes grunge, Verdana, Trajan | Rubik Glitch, Space Mono, Bungee | Lançamentos de moda, zines, streetwear |

Um mapa rápido. A maioria usa a SIL Open Font License, mas leia a licença de cada fonte na página dela no Google Fonts. [Fontes grátis para uso comercial](https://gradiently.design/pt-br/guide/free-commercial-fonts) explica o que conferir.

## Como usar fontes retrô sem parecer fantasia

Um design inteiro em uma fonte de época parece fantasia. Uma palavra de época em um layout moderno parece bom gosto. A diferença quase sempre é contenção.

1. **Use a fonte retrô só no título** De duas a cinco palavras, grandes. Fontes display retrô são desenhadas para o tamanho grande e desmancham em frases.
2. **Combine com uma sem serifa moderna e discreta** Detalhes, datas e preços vão em uma sem serifa simples. O contraste faz a fonte retrô parecer intencional. [Combinação de fontes](https://gradiently.design/pt-br/guide/font-pairing) traz combinações confiáveis.
3. **Tome emprestada a cor da década, não só as letras** Uma serifada dos anos 70 em azul frio sobre branco parece confusa. Ponha-a sobre marrons quentes e dourado e de repente faz sentido.
4. **Espace como a época espaçava** Os títulos dos anos 70 eram compostos apertados; as fontes techno dos 80 eram espaçadas largas. Acertar o espaçamento faz mais do que qualquer efeito. [Espaçamento entre letras](https://gradiently.design/pt-br/guide/letter-spacing) mostra como.
5. **Adicione no máximo um tratamento** Uma extrusão ou uma segunda cor mal registrada fecha o visual. Dois tratamentos em uma palavra é onde ele vira paródia.

Um post vertical de rede social com a única palavra Groovy em letras grandes sobre um degradê quente, com pequenos detalhes embaixo

A regra dos anos 70 na prática: uma palavra curta e quente como título, detalhes simples embaixo.

Um story vertical anunciando uma noite de fliperama sobre um degradê escuro, com data e detalhes em letras pequenas

Uma noite dos anos 80 em fundo escuro e brilhante: um título curto para a fonte display, detalhes em texto simples.

## Fontes retrô em posts de redes sociais e em marcas

A tipografia retrô merece seu lugar quando o negócio tem de fato uma ligação com a época: uma loja de vinil, uma lanchonete, um brechó, uma banda. Para todos os outros, funciona melhor como voz de campanha, usada em uma temporada ou em um lançamento, e não como a fonte permanente da marca. Se você está escolhendo uma fonte para o longo prazo, leia antes [fontes de marca](https://gradiently.design/pt-br/guide/brand-fonts).

No celular, as fontes display retrô precisam de mais tamanho do que uma sem serifa limpa, porque o detalhe é o que as torna retrô e o detalhe é a primeira coisa que uma tela pequena perde. Dê a elas um pouco mais do que o [tamanho de fonte para posts de redes sociais](https://gradiently.design/pt-br/guide/font-size-for-social-media) usual, 100 px ou mais para um título em um post de 1080 px de largura, e confira o post em tamanho real no seu celular antes de publicar.

No Gradiently, o kit de marca (parte do Pro) guarda uma fonte de título e uma de texto, e você pode enviar seus próprios arquivos de fonte, de modo que uma fonte retrô para títulos e uma fonte moderna para o texto continuem combinadas em todo design. Os tratamentos de Lettering, como Extrusão, Duplo e Riso, dão o acabamento de época sem truques de camadas, e cada Mark mantém as palavras legíveis acalmando a área atrás delas.

## FAQ

### Que fonte era usada nos anos 70?

Cooper Black, ITC Avant Garde Gothic, Souvenir e ITC Benguiat são as fontes mais associadas aos anos 1970. Fraunces e Shrikhand são alternativas grátis com sensação parecida.

### Quais são boas fontes dos anos 80 no Google Fonts?

Audiowide e Orbitron para letras techno largas, Monoton para letras inline de neon e Press Start 2P ou VT323 para estilos de pixel e de terminal.

### Posso usar Google Fonts retrô comercialmente?

A maioria das Google Fonts é lançada sob a SIL Open Font License, que permite uso comercial em designs, logos e sites, mas não a venda dos arquivos de fonte isolados. Leia a licença indicada na página de cada fonte antes de depender dela.

### Que fonte combina com uma fonte retrô?

Uma sem serifa simples e moderna para detalhes e texto corrido. A sem serifa discreta faz o título retrô parecer uma escolha deliberada.