# Fontes retro: tipos dos anos 70, 80 e 90

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

Cada década teve um punhado de tipos que hoje dizem o seu nome à primeira vista. Aqui estão, com alternativas gratuitas que podes usar comercialmente e as regras que impedem um visual retro de virar disfarce.

## The short version

- As fontes retro são tipos que evocam uma década específica, e os anos 1970, 1980 e 1990 têm cada um um conjunto reconhecível.
- Os anos 1970 definem-se por serifas suaves e pesadas e sem serifa geométricas arredondadas, como Cooper Black e ITC Avant Garde Gothic.
- O visual dos anos 1980 vem de sem serifa largas e tecnológicas, letras cromadas, inlines néon e fontes de píxeis de máquinas de arcada e computadores domésticos.
- Os anos 1990 misturam tipos de exibição grunge com as primeiras fontes feitas para ecrãs, como Verdana e Georgia.
- Uma fonte retro parece uma escolha e não um disfarce quando a emparelhas com um tipo moderno simples e a usas em poucas palavras grandes.

As **fontes retro** são tipos que carregam o aspeto de uma década passada. Para os anos 1970, isso significa serifas suaves e robustas como a Cooper Black e sem serifa geométricas arredondadas; para os anos 1980, letras largas e tecnológicas, inlines néon e letra de píxeis; para os anos 1990, tipos de exibição grunge ao lado das primeiras fontes pensadas para ecrãs. Abaixo ficam os tipos que definem cada década, Google Fonts gratuitas que dão a mesma sensação com licenças abertas e como usá-las para o resultado parecer ponderado e não nostálgico por si só.

Uma distinção primeiro. Uma fonte retro é um tipo; um *efeito* retro é o que fazes às letras depois, como uma extrusão ou uma segunda cor mal registada. Funcionam melhor juntos, e os [efeitos de texto retro](https://gradiently.design/pt-pt/guide/retro-text-effect) tratam da segunda metade.

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

Os anos 1970 amavam o peso e as curvas. A letra de exibição era composta apertada, as letras quase se tocavam e as serifas derretiam em gotas redondas. O visual veio da fotocomposição, que facilitava espaçar as letras mais perto do que o tipo de metal alguma vez permitiu, e de um gosto por tudo o que parecesse simpático e orgânico.

- **Cooper Black**: desenhada por Oswald Cooper nos anos 1920, mas tornou-se o som dos anos 70 em capas de discos e tabuletas de lojas. Gorda, suave, 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**: serifas floreadas e saltitantes que parecem capas de livros de bolso e títulos de séries cómicas.
- **Windsor**: uma serifa eduardiana com curvas inclinadas e pesadas que voltou nos anos 70 e ficou familiar dos títulos de cinema.

Alternativas gratuitas: a **Fraunces** é uma serifa variável inspirada nesses primeiros tipos de exibição suaves, com um eixo "wonky" que acrescenta o salto; a **Shrikhand** é pesada e divertida; a **Bagel Fat One** dá a sensação arredondada e inflada. Compõe-as numa paleta quente e a década chega sozinha; as [paletas de cores retro](https://gradiently.design/pt-pt/guide/retro-color-palettes) têm mais por onde escolher.

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

Uma paleta dos anos 70 para compor uma serifa suave. Letra creme sobre nogueira ou laranja queimado dá contraste forte e mantém o calor.

## Fontes dos anos 80: cromado, néon e píxeis

Os anos 1980 dividiram-se em duas direções. Uma era o futuro visto de um leitor de cassetes: sem serifa largas e quadradas, gradientes cromados, linhas de velocidade horizontais e tubos de néon. A outra era o próprio ecrã, onde as letras eram construídas com os poucos píxeis que um computador doméstico ou uma máquina de arcada conseguiam mostrar.

- **Eurostile** e **Microgramma**: sem serifa largas e quadradas dos anos 1950 e 60 que se tornaram base de tudo o que era tecnológico nos anos 80.
- **ITC Machine** e tipos stencil pesados: o lado maciço e industrial do visual.
- **Letra de píxeis e bitmap**: as fontes das máquinas de arcada e dos primeiros computadores, onde cada letra assenta numa grelha.

Alternativas gratuitas: **Audiowide** e **Orbitron** para o visual tecnológico largo, **Monoton** para letras inline néon, **Press Start 2P**, baseada nas fontes de arcada da época, e **VT323**, modelada num terminal clássico (mais em [fontes monoespaçadas](https://gradiently.design/pt-pt/guide/monospace-fonts)). As fontes de píxeis só ficam certas em tamanhos que sejam múltiplos inteiros da sua grelha, por isso amplia-as em degraus limpos e não para um tamanho arbitrário.

- Horizonte cromado: `linear-gradient(180deg, #0b1b3f 0%, #1e3a8a 48%, #f0abfc 50%, #fdf4ff 52%, #1e1b4b 100%)`
- Pôr do sol sintético: `linear-gradient(180deg, #120428 0%, #4c1d95 45%, #db2777 75%, #fb923c 100%)`
- Néon 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 banda clara e seca no meio, que é o truque por trás das letras cromadas.

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

Os anos 1990 deram à letra uma borda mais áspera. A edição eletrónica pôs o software de fontes nas mãos de toda a gente, e as revistas e os cartazes de música responderam com letras estragadas, sobrepostas e deliberadamente partidas. Ao mesmo tempo, a web precisava de tipos que funcionassem em ecrãs de baixa resolução, e isso produziu alguns dos tipos mais usados de sempre.

- **Tipos grunge e estragados**: letras fotocopiadas, erodidas e sobreimpressas de revistas de música e flyers.
- **Letra rave e de clube**: letras esticadas, tecnológicas e de bolha em flyers de noites de saída.
- **Verdana** e **Georgia**: desenhadas por Matthew Carter para ecrãs 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 de sempre.
- **Trajan**: um tipo de maiúsculas clássicas de 1989 que viria a intitular muitíssimos cartazes de cinema.

Alternativas gratuitas: **Rubik Glitch** e **Rubik Wet Paint** para uma borda partida, **Space Mono** para um toque ligeiramente técnico, de zine, e **Bungee** para letra de sinalética ruidosa. Para um visual de nostalgia da web dos anos 90, basta muitas vezes usar uma serifa de ecrã em ligações azuis sublinhadas sobre um fundo cinzento.

| Década | Tipos que a definem | Google Fonts gratuitas | Bom para |
| --- | --- | --- | --- |
| Anos 1970 | Cooper Black, Avant Garde, Souvenir | Fraunces, Shrikhand, Bagel Fat One | Cafés, discos, padarias, lojas vintage |
| Anos 1980 | Eurostile, Microgramma, letra de píxeis | Audiowide, Orbitron, Monoton, Press Start 2P | Jogos, noites de música, lançamentos tecnológicos |
| Anos 1990 | Tipos grunge, Verdana, Trajan | Rubik Glitch, Space Mono, Bungee | Coleções de moda, zines, streetwear |

Um mapa rápido. A maioria está sob a SIL Open Font License, mas lê a licença de cada fonte na sua página do Google Fonts. As [fontes gratuitas para uso comercial](https://gradiently.design/pt-pt/guide/free-commercial-fonts) explicam o que verificar.

## Como usar fontes retro sem parecer um disfarce

Um design inteiro num tipo de época lê-se como um fato. Uma palavra de época num layout moderno lê-se como bom gosto. A diferença é quase sempre a contenção.

1. **Usa a fonte retro só no título** De duas a cinco palavras, em grande. Os tipos de exibição retro são desenhados para o tamanho e desfazem-se em frases.
2. **Emparelha-a com uma sem serifa moderna e discreta** Detalhes, datas e preços vão numa sem serifa simples. O contraste faz a fonte retro parecer deliberada. O [emparelhamento de fontes](https://gradiently.design/pt-pt/guide/font-pairing) tem combinações fiáveis.
3. **Pede emprestada a cor da década, não só as letras** Uma serifa dos anos 70 num azul frio sobre branco parece confusa. Põe-na sobre castanhos e dourados quentes e de repente faz sentido.
4. **Espaça-a como a época fazia** Os títulos dos anos 70 eram compostos apertados; os tipos tecnológicos dos anos 80 eram espaçados. Igualar o espaçamento faz mais do que qualquer efeito. O [espaçamento entre letras](https://gradiently.design/pt-pt/guide/letter-spacing) mostra como.
5. **Junta no máximo um tratamento** Uma extrusão ou uma segunda cor mal registada completa o visual. Dois tratamentos numa palavra é onde tomba para a paródia.

Publicação social vertical com a única palavra Groovy em grande sobre um degradé quente, com pequenos detalhes por baixo

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

Story vertical a anunciar uma noite de arcada sobre um degradé escuro, com a data e os detalhes em letra pequena

Uma noite dos anos 80 sobre um fundo escuro e brilhante: um título curto para a fonte de exibição, detalhes simples.

## Fontes retro em publicações sociais e marcas

A letra retro ganha o seu lugar quando o negócio tem de facto uma ligação à época: uma loja de vinil, um diner, um vendedor de roupa vintage, uma banda. Para todos os outros funciona melhor como voz de campanha, usada numa estação ou num lançamento, e não como o tipo permanente da marca. Se estás a escolher uma fonte a longo prazo, lê primeiro as [fontes de marca](https://gradiently.design/pt-pt/guide/brand-fonts).

Num telemóvel, os tipos de exibição retro precisam de mais tamanho do que uma sem serifa limpa, porque o seu detalhe é o que os torna retro e o detalhe é a primeira coisa que um ecrã pequeno perde. Dá-lhes um pouco mais do que o habitual [tamanho de letra para publicações sociais](https://gradiently.design/pt-pt/guide/font-size-for-social-media), 100 px ou mais num título de uma publicação com 1080 px de largura, e verifica a publicação no tamanho real no telemóvel antes de publicar.

No Gradiently, o kit de marca (parte do Pro) guarda uma fonte de títulos e uma de texto, e podes carregar os teus próprios ficheiros de fontes, por isso uma fonte de título retro e uma de texto moderna ficam emparelhadas em todos os designs. Os tratamentos de letra, como Extrusão, Duplo e Riso, acrescentam o acabamento de época sem truques de camadas, e cada Mark mantém as palavras legíveis ao acalmar a zona por trás delas.

## FAQ

### Que fonte se usava nos anos 70?

Cooper Black, ITC Avant Garde Gothic, Souvenir e ITC Benguiat são os tipos mais associados aos anos 1970. A Fraunces e a Shrikhand são alternativas gratuitas com sensação semelhante.

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

Audiowide e Orbitron para letras largas e tecnológicas, Monoton para letra inline néon e Press Start 2P ou VT323 para estilos de píxeis e de terminal.

### Posso usar fontes retro do Google Fonts comercialmente?

A maioria das Google Fonts é lançada sob a SIL Open Font License, que permite uso comercial em designs, logótipos e sites, mas não vender os ficheiros da fonte sozinhos. Lê a licença indicada na página de cada fonte antes de contar com ela.

### Que fonte combina bem com uma fonte retro?

Uma sem serifa simples e moderna para detalhes e texto corrido. A sem serifa discreta deixa o título retro ler-se como uma escolha deliberada.