Stylepack

Polices

Les polices de teenage.engineering

teenage.engineering compose ses titres et son texte courant en te-20. te-20 est une police sous licence que le site héberge lui-même. L’équivalent gratuit le plus proche sur Google Fonts : Inter.

Mesuré sur teenage.engineering il y a 4 jours.

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

Familles de polices

1 famille
te-20
Utilisée pour
body, button, label
Origine
Auto-hébergée
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-body: "te-20", "Inter", sans-serif; /* Inter stands in for te-20 */
  --font-size-base: 19.102px;
}

Comment le texte est composé

headline-displayQuick brown foxte-20 / 48px / 100 / lh 1.4
headline-lgQuick brown foxte-20 / 32px / 100 / lh 1.4
headline-mdQuick brown foxte-20 / 24px / 100 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogte-20 / 19.102px / 100 / lh 22.0408px
label-mdThe quick brown fox jumps over the lazy dogte-20 / 16px / 300 / lh 24px
buttonThe quick brown fox jumps over the lazy dogte-20 / 16px / 100 / lh 1.5
Tailles de police utilisées
161940

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/teenage.engineering/DESIGN.md

Questions

Quelle police utilise teenage.engineering ?

teenage.engineering utilise te-20. Les titres sont composés en te-20 et le texte courant en te-20, mesurés sur le site tel qu’il s’affiche, pas lus dans sa feuille de style.

La police de teenage.engineering est-elle gratuite ?

Non. te-20 est une police sous licence que teenage.engineering 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 teenage.engineering dans mon projet ?

Téléchargez le pack de design de teenage.engineering 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.