Inspectez les polices sur n'importe quelle page
Survolez et cliquez sur le texte pour voir la police, la taille, l'épaisseur, le style et la couleur en direct—près de l'élément ou dans une barre latérale—sans ouvrir DevTools.
what the font - font finder
Identifiez la police et la typographie CSS de tout élément d'une page web—famille, taille, épaisseur, interligne, espacement des lettres, couleur et contraste—puis copiez ou exportez ce dont vous avez besoin sans quitter l'onglet.
Conçu pour la typographie en direct
Fonctionnalités
Les détails typographiques qui comptent
Consultez l'interligne, l'espacement des lettres, la transformation, la décoration et le contraste (y compris les indicateurs AAA/AA) dans un seul panneau.
Copiez le CSS en un clic
Copiez la famille de polices, la couleur ou un extrait CSS prêt à l'emploi pour l'élément inspecté.
Modifiez les styles sur la page
Ajustez l'épaisseur, la taille, l'espacement, la couleur et plus sur l'élément en direct, puis réinitialisez quand vous avez terminé.
Toutes les polices de la page
Parcourez les styles de texte uniques sur la page et passez de l'un à l'autre lors de l'audit d'un design system.
Export et Google Fonts
Exportez la typographie en SCSS ou JSON, ou ouvrez une recherche Google Fonts pour la famille trouvée.
Simple par design
À propos
Une extension Chrome qui révèle la typographie en direct—police, taille, épaisseur, couleur et contraste—pour inspecter, copier et exporter des polices depuis n'importe quelle page web.
- —
- Total d'utilisation publié
- —
- Nombre d'avis vérifiés
Chrome Web Store
Les utilisateurs à propos de nous
Commentaires d'exemple illustratifs — les avis du Chrome Web Store les remplaceront une fois connectés.
★★★★★
“Je peux récupérer famille, épaisseur et couleur hex sur un site en direct sans ouvrir DevTools.”
★★★★★
“Copier CSS et contraste dans un seul panneau, c'est exactement ce qu'il me faut pendant les audits.”
★★★★★
“Toutes les polices de la page m'aide à repérer rapidement une typographie incohérente sur une landing page.”
Trois étapes rapides
Mode d'emploi
-
Installez l'extension
Ajoutez what the font - font finder depuis le Chrome Web Store et épinglez-la à la barre d'outils.
-
Commencez l'inspection
Ouvrez la fenêtre contextuelle, lancez l'inspection, puis survolez et cliquez sur n'importe quel texte de la page.
-
Copiez ou exportez
Copiez le CSS, exportez les styles, ouvrez Google Fonts ou parcourez toutes les polices de la page.
Réponses avant l'installation
FAQ
Comment identifier une police sur un site web ?
Installez what the font - font finder, lancez l'inspection, survolez le texte et cliquez pour ouvrir le panneau avec famille, taille, épaisseur et couleur.
Puis-je copier le CSS du texte que je vois ?
Oui. Depuis le panneau, vous pouvez copier la famille de polices, la couleur ou un extrait CSS pour l'élément inspecté.
Est-ce que ça fonctionne sur toutes les pages ?
Cela fonctionne sur les onglets de sites web normaux. Les pages système Chrome et certaines URL restreintes ne peuvent pas être inspectées.
Puis-je voir toutes les polices utilisées sur une page ?
Utilisez Toutes les polices de la page pour lister les styles de texte visibles uniques et ouvrir l'un d'eux dans le panneau de détails.
Puis-je modifier l'apparence pendant l'inspection ?
Oui. Modifiez l'épaisseur, la taille, l'espacement, la couleur et les styles associés sur l'élément, puis réinitialisez pour restaurer l'original.
Où ouvrir Google Fonts ?
Quand la famille semble recherchable, utilisez l'action Google Fonts dans le panneau pour ouvrir une requête pour ce nom.