Stylepack

Fuentes

Las fuentes que usa duolingo.com

duolingo.com compone sus titulares y su texto de cuerpo en duolingo-sans. duolingo-sans la carga el propio sitio. La alternativa gratuita más parecida en Google Fonts: Inter.

Medido en duolingo.com hace 4 días.

Abrir el paquete de diseño completoDescargar el paquete

Familias tipográficas

2 familias
duolingo-sans
Se usa para
h1, body, button
Origen
sustituta: Inter
Alternativa gratuita
Inter
feather
Se usa para
h2
Origen
sustituta: Inter
Alternativa gratuita
Inter

CSS para reproducirlo

Variables de fuente con la alternativa gratuita en la pila, así el mismo CSS funciona con o sin la fuente con licencia.

:root {
  --font-heading: "duolingo-sans", "Inter", sans-serif; /* Inter stands in for duolingo-sans */
  --font-body: "duolingo-sans", "Inter", sans-serif; /* Inter stands in for duolingo-sans */
  --font-size-base: 17px;
}

Cómo se compone el texto

headline-displayQuick brown foxduolingo-sans / 32px / 700 / lh 1.4
headline-lgQuick brown foxfeather / 48px / 700 / lh 1.4
headline-mdQuick brown foxduolingo-sans / 24px / 400 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogduolingo-sans / 17px / 400 / lh 24px
label-mdThe quick brown fox jumps over the lazy dogduolingo-sans / 13px / 400 / lh 1.4
buttonThe quick brown fox jumps over the lazy dogduolingo-sans / 15px / 700 / lh 1.4 / 0.8px
Tamaños de fuente en uso
15173248

Para agentes de IA

El paquete es texto plano, sin clave: descarga DESIGN.md o entrega el paquete completo a Claude Code, Cursor o Copilot con el servidor MCP.

curl -s https://stylepack.ai/packs/duolingo.com/DESIGN.md

Preguntas

¿Qué fuente usa duolingo.com?

duolingo.com usa duolingo-sans, feather. Los titulares van en duolingo-sans y el texto de cuerpo en duolingo-sans, medido en el sitio tal como se renderiza, no leído de su hoja de estilos.

¿La fuente de duolingo.com es gratuita?

No. duolingo-sans es una fuente con licencia que duolingo.com sirve por su cuenta. La alternativa gratuita más parecida es Inter, disponible en Google Fonts. El CSS de esta página la pone en la pila de fuentes como sustituta.

¿Cómo consigo la misma tipografía que duolingo.com en mi proyecto?

Descarga el paquete de diseño de duolingo.com en Stylepack: contiene la pila de fuentes, la escala tipográfica, cada estilo de texto y las capturas, en un formato con el que un agente de programación con IA como Claude Code o Cursor puede construir.