Outils

Quelle police utilise ce site web ?

Entrez l’adresse d’un site web et découvrez ses polices : la famille, d’où elle est chargée, comment elle est réglée pour les titres et le texte courant, et l’équivalent gratuit le plus proche sur Google Fonts.

Essayezstripe.comlinear.appairbnb.com

linear.app

Mesuré il y a 4 jours.

Inter Variablesubstitut InterBerkeley Monosubstitut JetBrains Mono
:root {
  --font-heading: "Inter Variable", "Inter", sans-serif; /* Inter stands in for Inter Variable */
  --font-body: "Inter Variable", "Inter", sans-serif; /* Inter stands in for Inter Variable */
  --font-mono: "Berkeley Mono", "JetBrains Mono", monospace; /* JetBrains Mono stands in for Berkeley Mono */
  --font-size-base: 24px;
}

Comment ça marche

Stylepack ouvre le site dans un vrai navigateur, mesure ce qui s’affiche (et non ce que dit la feuille de style) à quatre largeurs et dans les deux thèmes, puis enregistre le résultat sous forme de pack de design. Un site déjà mesuré répond immédiatement ; un nouveau site prend moins d’une minute. Chaque valeur de cette page vient de ce pack.

Questions

Comment trouvez-vous la police qu’utilise un site web ?

Le site est ouvert dans un vrai navigateur et chaque style de texte est mesuré tel qu’il s’affiche : la famille réellement utilisée par le navigateur, sa graisse, sa taille, son interligne et son espacement. Une police déclarée en CSS mais jamais chargée n’est pas signalée.

Et si la police n’est pas gratuite ?

La plupart des polices de marque sont sous licence. Le résultat indique l’équivalent gratuit le plus proche sur Google Fonts et le CSS le place dans la pile de polices comme substitut, pour que la même feuille de style fonctionne avec ou sans la police sous licence.

Quelle différence avec une extension de navigateur ?

Une extension vous donne la famille sous le curseur. Cette page mesure tout le site d’un coup, classe les familles par rôle et vous donne du CSS à coller, plus le pack de design complet pour un agent de code IA.