Stylepack

Polices

Les polices de apple.com

apple.com compose ses titres et son texte courant en SF Pro Text. SF Pro Text est une police système : elle est fournie avec le système d’exploitation, rien à charger.

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

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

Familles de polices

2 familles
SF Pro Text
Utilisée pour
h1, h3, label, button, body
Origine
système
Alternative gratuite
Déjà gratuite
SF Pro Display
Utilisée pour
h2, body
Origine
système
Alternative gratuite
Déjà gratuite

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.

fonts.css
:root {
  --font-heading: "SF Pro Text", sans-serif;
  --font-body: "SF Pro Text", sans-serif;
  --font-size-base: 12px;
}

Comment le texte est composé

headline-displayQuick brown foxSF Pro Text / 34px / 600 / lh 50px / -0.374px
headline-lgQuick brown foxSF Pro Display / 56px / 600 / lh 60px / -0.28px
headline-mdQuick brown foxSF Pro Text / 12px / 600 / lh 16.0005px / -0.12px
body-mdThe quick brown fox jumps over the lazy dogSF Pro Text / 12px / 400 / lh 16.0005px / -0.12px
label-mdThe quick brown fox jumps over the lazy dogSF Pro Text / 12px / 400 / lh 1.33 / -0.12px
buttonThe quick brown fox jumps over the lazy dogSF Pro Text / 14px / 400 / lh 1.29 / -0.224px
Tailles de police utilisées
1214172128344056

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/apple.com/DESIGN.md

Questions

Quelle police utilise apple.com ?

apple.com utilise SF Pro Text, SF Pro Display. Les titres sont composés en SF Pro Text et le texte courant en SF Pro Text, mesurés sur le site tel qu’il s’affiche, pas lus dans sa feuille de style.

La police de apple.com est-elle gratuite ?

Oui. SF Pro Text, SF Pro Display peut être utilisée sur votre propre site sans acheter de licence : chargez-la depuis Google Fonts, ou appuyez-vous sur la police système là où c’est ce que apple.com utilise.

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

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