font tester chrome

Testeur de police - les polices rendues faciles (extension chromée)

Testeur de police sur ↗️

Vous avez du mal à choisir la bonne police? Test maintenant 1000+ types de polices Google gratuites sur votre site Web.

Obtenez mieux dans la typographie du site Web en utilisant cette extension.

Maintenant, vous pouvez accéder à votre site Web, cliquer sur l'extension, tester les polices et choisir celle que vous aimez avec le code.

Télécharger

Téléchargez l'extension depuis Chrome Extension Store

ou

Vous pouvez télécharger le dossier dist à partir des versions et la charger manuellement

Quoi de neuf?

• Trouvez maintenant des polices de n'importe quelle page Web.
• Aperçu des polices sur la liste déroulante.
• Polices à cycle à l'aide de clés de flèches.

En savoir plus dans Changelogs

Caractéristiques du testeur de police

✅ Test 1000+ Fontes Google
✅ Trouvez des types de polices utilisés sur n'importe quelle page Web
✅ Prévisualités des polices sur la liste déroulante
✅ Déplacez le modal autour de la page Web.
✅ Réglez les italiques, les soulignements, les poids, la hauteur de ligne, etc.
✅ Réglez la taille de la police, filtre (utilisateurs premium)
✅ définir la couleur, l'espacement des lettres (utilisateurs premium)
✅ Télécharger les polices locales (utilisateurs premium)
Plus sur la feuille de route

Comment utiliser Font Tester?

Pour des instructions complètes et une démo, lisez les documents

1. Allez dans Chrome Extensions Store et téléchargez un testeur de police
2. Maintenant, épinglez l'extension de l'icône d'extension du puzzle, située en haut à droite.
3. Cliquez sur l'extension, attendez quelques secondes pour qu'il se charge sur votre site Web.
4. MAINTENANT MAINTENIR UN Texte.
5. Sélectionnez une police.
6. Copiez le code et utilisez-le. Oui, c'est tout

Note

Pendant la sélection partielle du texte, les polices appliquées affecteront l'ensemble du texte entre les éléments, car l'insertion des éléments autour de la sélection peut affecter le style. Cependant, à l'avenir, nous pouvons envelopper un élément autour de la sélection, en fonction des commentaires de l'utilisateur.

Licence

Obtenez des fonctionnalités avancées et plus

Taper	Gratuit	Prime
Soutenir le développement open-source	? ️	?
Support de priorité - (priorités vos demandes de fonctionnalités, problèmes)	soutien communautaire	✅
Licence à vie (achat unique)	? ️	✅
Mises à jour gratuites	❓️	✅
Télécharger les polices locales		✅
Ajuster la taille de la police		✅
Accès précoce aux fonctionnalités à venir		✅
Ajuster la couleur de la police		✅
Thème sombre		✅
Extension pour Edge et Firefox		✅
Prix	Gratuit	Prix
Commandez maintenant!	-	Obtenir une licence

---

Limitations actuelles

• Impossible d'exécuter le script dans Chrome Extension Store, il est bloqué par défaut
• Si le testeur de police ne s'ouvre pas même après le double clic sur un site Web, veuillez déposer un problème

FAQ

Comment tester différentes polices sur une page Web?

un. Vous pouvez utiliser une extension de testeur de police pour tester différentes polices sur n'importe quelle page Web.

Comment puis-je trouver les polices utilisées sur une page Web?

un. Vous pouvez utiliser une extension de testeur de police pour trouver des polices sur n'importe quelle page Web.

Comment puis-je tester mes polices locales?

un. Vous pouvez tester les polices locales par licence d'achat. Il est livré avec plus de fonctionnalités pour vous aider à tester différentes typographies.

Autres outils gratuits et open-source

• Pages de destination impressionnantes
• Aperçu de survol - Aperçu sur Hover
• Plate-plaque de Django SaaS

Suivez pour les mises à jour et les open source

• Gazouillement
• Github

Pile technologique

• Reactjs
• CSS du vent arrière

L'exécuter localement

Le manifest.json requis pour l'extension est situé à l'intérieur du dossier public.

Pour charger l'extension localement. Allez à Extension -> Chargez un dossier debout -> Point to DIST (le dossier Build).

Pour le développement

 npm run build:dev

En effet, l'extension nécessite de pointer vers le dossier de construction, en utilisant cette commande, vous n'aurez pas à reconstruire à chaque sauvegarde.

Pour le développement, vous pouvez également utiliser npm start , mais vous ne pourrez pas le charger comme extension mais comme application React.

Quelques notes importantes:

• L'extension se connecte à un Shadowdom, c'est pour éviter le style de page affectant le style de widget.