Stylepack

Polices

Les polices de duolingo.com

duolingo.com compose ses titres et son texte courant en duolingo-sans. duolingo-sans est chargée par le site lui-même. L’équivalent gratuit le plus proche sur Google Fonts : Inter.

Mesuré sur duolingo.com il y a 4 jours.

Ouvrir le pack de design completTélécharger le pack

Familles de polices

2 familles
duolingo-sans
Utilisée pour
h1, body, button
Origine
substitut Inter
Alternative gratuite
Inter
feather
Utilisée pour
h2
Origine
substitut Inter
Alternative gratuite
Inter

Le CSS pour la reproduire

Variables de police avec l’équivalent gratuit dans la pile, pour que le même CSS fonctionne avec ou sans la police sous licence.

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

Comment le texte est composé

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
Tailles de police utilisées
15173248

Pour les agents IA

Le pack est du texte brut, sans clé : récupérez DESIGN.md, ou confiez tout le pack à Claude Code, Cursor ou Copilot via le serveur MCP.

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

Questions

Quelle police utilise duolingo.com ?

duolingo.com utilise duolingo-sans, feather. Les titres sont composés en duolingo-sans et le texte courant en duolingo-sans, mesurés sur le site tel qu’il s’affiche, pas lus dans sa feuille de style.

La police de duolingo.com est-elle gratuite ?

Non. duolingo-sans est une police sous licence que duolingo.com héberge lui-même. L’équivalent gratuit le plus proche est Inter, disponible sur Google Fonts. Le CSS de cette page le place dans la pile de polices comme substitut.

Comment obtenir la même typographie que duolingo.com dans mon projet ?

Téléchargez le pack de design de duolingo.com sur Stylepack : il contient la pile de polices, l’échelle typographique, chaque style de texte et les captures, sous une forme qu’un agent de code IA comme Claude Code ou Cursor peut exploiter.