Collez des regles CSS ou du JSON de styles calcules depuis votre navigateur pour detecter les tailles de police d'une page. L'outil convertit rem, em, pourcentages, pt et px en tableau de pixels et affiche line-height, graisse et couleur.
Ce detecteur est concu pour les audits reels de sites web. Collez un bloc CSS, des styles inline ou le JSON copie par le snippet navigateur. Il n'aspire pas les pages privees et ne contourne pas la securite.
| Selecteur | Taille | Px calcule | Line-height | Graisse | Couleur |
|---|
Ouvrez le site a auditer et copiez les regles CSS, styles inline ou valeurs calculees depuis DevTools. Pour une page en direct, utilisez le snippet sur une page que vous pouvez inspecter. Notez le breakpoint ou la zone concernee afin de comparer proprement les extraits desktop et mobile.
La plupart des sites utilisent 16px, mais certains systemes la changent. Definissez la base pour convertir rem, em et pourcentages avec realisme. Si vous comparez plusieurs pages, utilisez la taille racine reelle de chaque page au lieu d'appliquer une valeur par defaut.
Comparez selecteur, taille declaree, pixels calcules, line-height, graisse et couleur pour reperer les incoherences. Classez les extraits par section et surveillez les ecarts dans la navigation, les boutons, les cartes et les paragraphes longs.
Collez des regles CSS ou du JSON de styles calcules depuis votre navigateur pour detecter les tailles de police d'une page. L'outil convertit rem, em, pourcentages, pt et px en tableau de pixels et affiche line-height, graisse et couleur. Il est utile lors d'une refonte, d'une migration ou d'un controle responsive : comparez l'en-tete, le hero, les cartes, les formulaires et le pied de page sans dependre d'une capture. Vous pouvez ensuite documenter une echelle typographique claire pour les designers, developpeurs et equipes contenu.
Verifiez si titres, sous-titres, boutons, cartes et textes des questions fréquentes suivent une echelle coherente.
Les handoffs melangent rem, em, pourcentages et px. L'outil les rend comparables.
Collez separement les extraits desktop et mobile pour comparer les changements entre breakpoints.
Line-height, graisse et couleur expliquent souvent pourquoi un texte parait serre, lourd ou faible.
Ce detecteur est concu pour les audits reels de sites web. Collez un bloc CSS, des styles inline ou le JSON copie par le snippet navigateur. Il n'aspire pas les pages privees et ne contourne pas la securite. Comparez plusieurs extraits avant de modifier une regle globale et notez le breakpoint ou la section de chaque extrait. Vous verrez plus facilement si l'ecart vient de la declaration CSS, de l'heritage ou du calcul final du navigateur.
Ce detecteur est concu pour les audits reels de sites web. Collez un bloc CSS, des styles inline ou le JSON copie par le snippet navigateur. Il n'aspire pas les pages privees et ne contourne pas la securite.
Ideal pour : Verifier la taille de police depuis CSS ou le navigateur
Utilisez la détection de polices par image lorsque le texte se trouve dans une capture, un logo ou une image rasterisée.
Ideal pour : Identifier une police à partir d'une image
Les DevTools du navigateur affichent les valeurs exactes d'un élément en direct, tandis que cette page permet de comparer plusieurs exemples dans un tableau.
Ideal pour : Inspecter un seul élément en détail
Ce detecteur est concu pour les audits reels de sites web. Collez un bloc CSS, des styles inline ou le JSON copie par le snippet navigateur. Il n'aspire pas les pages privees et ne contourne pas la securite. Le detecteur est utile lorsque la documentation du systeme de design est incomplete ou lorsque plusieurs equipes ont modifie le meme site. Au lieu de comparer chaque element a la main, vous pouvez coller des extraits de l en-tete, du hero, des cartes, des formulaires et du footer pour obtenir une vue commune.
Collez des regles CSS ou du JSON de styles calcules depuis votre navigateur pour detecter les tailles de police d'une page. L'outil convertit rem, em, pourcentages, pt et px en tableau de pixels et affiche line-height, graisse et couleur. Lors d une refonte, la table aide a reconstruire proprement une page existante. Vous pouvez capturer les tailles principales, normaliser les unites en pixels et produire une reference courte pour les designers, developpeurs et equipes contenu.
Utilisez ce flux lorsque la question porte sur la taille CSS et pas seulement sur le nom de la police. La conversion reste lisible. La valeur CSS d'origine reste visible à côté du px calculé, ce qui permet de comprendre si une différence vient du code, de la base typographique ou d'une estimation. Pour plus de précision, collez du JSON computed-style du navigateur.
Inspectez le texte avec le navigateur, copiez la regle CSS ou les styles calcules, puis collez-les ici. Pour rem, em et les pourcentages, notez aussi la taille racine ou celle du parent afin de garder une conversion coherente.
Non. Un outil statique ne peut pas contourner CORS, les pages privees ou la securite. Copiez les styles depuis une page accessible. Vous gardez ainsi les sessions et les documents proteges chez leur fournisseur, tout en analysant les valeurs utiles a votre audit.
La taille declaree est la valeur CSS originale. Le px calcule est une conversion approximative selon la taille de base. L'heritage, les media queries et l'element parent peuvent encore modifier la valeur reelle dans le navigateur.
Oui. rem et em sont convertis avec la taille de base. Pour em, le parent peut influencer la valeur reelle. Si la cascade est complexe, utilisez plutot le JSON computed-style et gardez la conversion comme repere rapide.
La lisibilite depend aussi de l'espacement, du poids et du contraste. Comparez des groupes complets de titres, paragraphes et boutons, car une couleur faible ou un interligne court peut nuire a la lecture meme avec une taille correcte.
Utilisez ceci pour les tailles CSS. Utilisez le detecteur par image pour une capture, un logo ou une image aplatie. Le detecteur par image propose des noms probables, tandis que cette page explique les tailles, l'interligne, le poids et la couleur deja inspectables.