Stylepack

Fontes

As fontes que o duolingo.com usa

O duolingo.com usa duolingo-sans nos títulos e no texto corrido. duolingo-sans é carregada pelo próprio site. A alternativa gratuita mais próxima no Google Fonts: Inter.

Medido no duolingo.com há 4 dias.

Abrir o pacote de design completoBaixar o pacote

Famílias de fontes

2 famílias
duolingo-sans
Usada em
h1, body, button
Origem
substituta Inter
Alternativa gratuita
Inter
feather
Usada em
h2
Origem
substituta Inter
Alternativa gratuita
Inter

CSS para reproduzir

Variáveis de fonte com a substituta gratuita na pilha, para que o mesmo CSS funcione com ou sem a fonte licenciada.

: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;
}

Como o texto é composto

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
Tamanhos de fonte em uso
15173248

Para agentes de IA

O pacote é texto puro, sem chave: busque o DESIGN.md ou entregue o pacote inteiro ao Claude Code, Cursor ou Copilot pelo servidor MCP.

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

Perguntas

Qual fonte o duolingo.com usa?

O duolingo.com usa duolingo-sans, feather. Os títulos são compostos em duolingo-sans e o texto corrido em duolingo-sans, medidos no site como ele é renderizado, não lidos da folha de estilos.

A fonte do duolingo.com é gratuita?

Não. duolingo-sans é uma fonte licenciada que o próprio duolingo.com serve. A alternativa gratuita mais próxima é Inter, disponível no Google Fonts. O CSS desta página a coloca na pilha de fontes como substituta.

Como ter a mesma tipografia do duolingo.com no meu projeto?

Baixe o pacote de design do duolingo.com no Stylepack: ele traz a pilha de fontes, a escala tipográfica, todos os estilos de texto e as capturas de tela, em um formato que um agente de código com IA, como Claude Code ou Cursor, consegue usar para construir.