Collecter un echantillon de style
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.
Detecteur de Taille de Police pour Sites Web
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.
Outil interactif
Verifier la taille de police depuis CSS ou le 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.
- Convertit rem, em, pourcentages, pt et px en pixels comparables.
- Garde selecteur, line-height, font-weight et couleur avec chaque resultat.
- Fonctionne avec CSS et JSON de styles calcules de pages que vous controlez.
- Separe la detection par image de la verification CSS en direct.
Regles
0
Plage
-
Frequent
-
| Selecteur | Taille | Px calcule | Line-height | Graisse | Couleur |
|---|
Comment Utiliser le Detecteur de Taille de Police
Definir la taille de base
La plupart des sites utilisent 16px, mais certains systemes la changent. Definissez la base pour convertir rem, em et pourcentages avec realisme.
Comparer le tableau typographique
Comparez selecteur, taille declaree, pixels calcules, line-height, graisse et couleur pour reperer les incoherences.
Quand un Verificateur de Taille de Police Aide
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.
Auditer une landing page
Verifiez si titres, sous-titres, boutons, cartes et FAQ suivent une echelle coherente.
Convertir les unites CSS en pixels
Les handoffs melangent rem, em, pourcentages et px. L'outil les rend comparables.
Verifier les styles responsives
Collez separement les extraits desktop et mobile pour comparer les changements entre breakpoints.
Associer taille, graisse et couleur
Line-height, graisse et couleur expliquent souvent pourquoi un texte parait serre, lourd ou faible.
Detecteur de Taille vs Font Finder vs DevTools
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.
Detecteur de Taille de Police pour Sites Web
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.
- Convertit rem, em, pourcentages, pt et px en pixels comparables.
- Garde selecteur, line-height, font-weight et couleur avec chaque resultat.
- Fonctionne avec CSS et JSON de styles calcules de pages que vous controlez.
- Separe la detection par image de la verification CSS en direct.
Ideal pour : Verifier la taille de police depuis CSS ou le navigateur
Font Finder
Use image-based font detection when the text is in a screenshot, logo, or flattened image.
- Best for screenshots and logos
- Returns probable font names
- Useful when CSS is unavailable
- Less precise for CSS size
Ideal pour : image font identification
DevTools
Browser DevTools gives exact values for one live element, while this page helps compare several samples in one table.
- Exact live values
- Good for debugging
- Slower for many samples
- Requires access to the page
Ideal pour : single-element inspection
Verifier la taille de police depuis CSS ou le 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. 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.
Quand un Verificateur de Taille de Police Aide
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.
Detecteur de Taille vs Font Finder vs DevTools
Use this workflow when the question is CSS size, not only the font name. La conversion reste lisible. La valeur CSS d origine reste visible a cote du px calcule, ce qui permet de comprendre si une difference vient du code, de la base typographique ou d une estimation. Pour plus de precision, collez du JSON computed-style du navigateur.
FAQ du Detecteur de Taille de Police
Comment verifier la taille de police d'un site?
Inspectez le texte avec le navigateur, copiez la regle CSS ou les styles calcules, puis collez-les ici.
L'outil peut-il scanner automatiquement n'importe quelle URL?
Non. Un outil statique ne peut pas contourner CORS, les pages privees ou la securite. Copiez les styles depuis une page accessible.
Difference entre taille declaree et px calcule?
La taille declaree est la valeur CSS originale. Le px calcule est une conversion approximative selon la taille de base.
Fonctionne-t-il avec rem et em?
Oui. rem et em sont convertis avec la taille de base. Pour em, le parent peut influencer la valeur reelle.
Pourquoi inclure line-height, graisse et couleur?
La lisibilite depend aussi de l'espacement, du poids et du contraste.
Dois-je utiliser ceci ou un detecteur de police par image?
Utilisez ceci pour les tailles CSS. Utilisez le detecteur par image pour une capture, un logo ou une image aplatie.
Comment verifier les tailles responsives?
Commencez par verifier la taille racine de la page. Si elle n est pas 16px, ajustez le champ de base. Pour une page responsive, analysez un extrait desktop et un extrait mobile separement.
L outil remplace-t-il un systeme de design?
Non. Utilisez la table comme support d audit. Une bonne decision typographique depend aussi de la largeur de ligne, de la langue, du contraste, du contexte et du role du texte.