Tipos de letra gratuitos que dão ar profissional a uma interface

Uma interface parece amadora por razões tipográficas muito mais vezes do que por razões de cor. Tipo de letra errado, tamanhos errados, entrelinha errada.

Estas são gratuitas, licenciadas para uso comercial e desenhadas especificamente para ecrã, não para papel.

Sans de interface

Inter

A escolha segura: pensada para tamanhos pequenos em ecrã, com as variantes numéricas que os painéis pedem.

rsms.me/inter

Sans de interface

Geist

A fonte da Vercel, mais geométrica do que a Inter, com monoespaçada a condizer.

vercel.com/font

Títulos e UI

Manrope

Funciona em títulos e em texto corrido, o que poupa carregar uma segunda família.

fonts.google.com/specimen/Manrope

Família completa

IBM Plex Sans

Uma família com sans, serif, condensada e mono que se dão bem entre si.

ibm.com/plex

Sans de interface

Source Sans 3

A fonte aberta da Adobe: legibilíssima e completamente consensual.

fonts.google.com/specimen/Source+Sans+3

Títulos

Space Grotesk

Dá personalidade a uma landing page sem se tornar ilegível em corpo de texto.

fonts.google.com/specimen/Space+Grotesk

Monoespaçada

JetBrains Mono

Desenhada para ler código durante horas, com ligaduras que pode desligar.

jetbrains.com/lp/mono

Auto-alojamento

Fontsource

Instale qualquer uma das anteriores como pacote npm e deixe de depender do Google Fonts.

fontsource.org

Duas famílias é o limite para quase todos os produtos: uma para a interface e outra para o código.

Precisa construir, não só escolher?

Aplicações web, APIs, infraestrutura e interfaces. Freelance desde Barcelona, com clientes em qualquer lugar.

Vamos conversar


Comentários

Leave a Reply

Your email address will not be published. Required fields are marked *