Tipografías gratis que hacen que una interfaz parezca profesional

Una interfaz parece aficionada por motivos tipográficos mucho más a menudo que por motivos de color. Tipografía equivocada, tamaños equivocados, interlineado equivocado.

Estas son gratuitas, con licencia para uso comercial y dibujadas específicamente para pantalla, no para papel.

Sans de interfaz

Inter

La opción segura: pensada para tamaños pequeños en pantalla, con las variantes numéricas que piden los paneles.

rsms.me/inter

Sans de interfaz

Geist

La tipografía de Vercel, más geométrica que Inter y con monoespaciada a juego.

vercel.com/font

Titulares y UI

Manrope

Funciona igual en titulares y en texto corrido, lo que ahorra cargar una segunda familia.

fonts.google.com/specimen/Manrope

Familia completa

IBM Plex Sans

Una familia con sans, serif, condensada y mono que encajan entre sí.

ibm.com/plex

Sans de interfaz

Source Sans 3

La tipografía abierta de Adobe: legibilísima y absolutamente incontrovertida.

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

Titulares

Space Grotesk

Da personalidad a una landing sin volverse ilegible en tamaño de texto.

fonts.google.com/specimen/Space+Grotesk

Monoespaciada

JetBrains Mono

Diseñada para leer código durante horas, con ligaduras que puedes desactivar.

jetbrains.com/lp/mono

Autoalojado

Fontsource

Instala cualquiera de las anteriores como paquete npm y deja de depender de Google Fonts.

fontsource.org

Dos familias es el límite para casi cualquier producto: una para la interfaz y otra para el código.

¿Necesitas construirlo, no solo elegirlo?

Aplicaciones web, APIs, infraestructura e interfaces. Freelance desde Barcelona, con clientes en cualquier sitio.

Hablemos


Comentarios

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *