Aperçu de Polices Web
Comparez des Google Fonts & Générez du CSS Instantanément
Paramètres d'Aperçu
À propos de l'Aperçu de Polices Web
L'Aperçu de Polices Web est un outil en ligne pour vérifier et comparer une grande variété de polices Google Fonts directement dans votre navigateur.
Vous pouvez ajuster le poids, la taille et la hauteur de ligne de la police. De plus, le code CSS est automatiquement généré.
Tous les textes saisis sont traités localement dans votre navigateur et ne sont jamais envoyés à un serveur.
Comment utiliser l'outil
Définir le texte et les styles
Entrez d'abord le texte que vous souhaitez prévisualiser. Ajustez ensuite la taille de police et la hauteur de ligne.
Sélectionner et comparer les polices
Augmentez le nombre d'emplacements de comparaison jusqu'à 4. Choisissez une catégorie et une police.
Copier le code et implémenter
Une fois la police parfaite trouvée, choisissez "CSS", "<link>" ou "@import" et copiez le code.
Glossaire des Polices Web
- Polices Web
- Technologie permettant d'afficher des polices dans un navigateur en les téléchargeant depuis un serveur.
- Google Fonts
- Un service gratuit de polices web open-source par Google.
- font-family
- Propriété en CSS utilisée pour spécifier la police de caractères.
- FOUT / FOIT
- Problèmes d'affichage survenant lors du chargement des polices web.
- Poids de Police
- Fait référence à l'épaisseur d'une police, de 100 à 900.
Foire Aux Questions
- Q.Les polices japonaises affectent-elles la vitesse de chargement ?
- Oui, la taille du fichier est plus grande. Cependant, Google Fonts utilise un sous-ensemble dynamique pour ne fournir que les caractères utilisés.
- Q.Quelles combinaisons de polices recommandez-vous ?
- Une approche classique est d'utiliser une "Serif" pour les titres et une "Sans-serif" très lisible pour le texte du corps.
- Q.Les données textuelles que je saisis sont-elles sûres ?
- Oui, c'est parfaitement sûr. Cet outil fonctionne entièrement côté client.
- Q.Comment puis-je empêcher le FOUT et le FOIT ?
- En spécifiant `font-display: swap;` dans @font-face CSS.
- Q.L'utilisation commerciale est-elle autorisée ?
- Les polices chargées sont open-source (comme OFL) et sont gratuites pour un usage commercial.
Cas d'Usage
Prototypage de Design Web
Vérifiez intuitivement l'atmosphère de la police dans le navigateur sans ouvrir d'outils de conception supplémentaires.
Réglage Fin de Typographie
Les développeurs peuvent ajuster l'épaisseur et la hauteur de ligne pour copier les valeurs CSS optimales.
Vérification avant Présentations
Évaluez quelle police transmet le mieux votre message avant de créer des supports dans Canva ou PowerPoint.
Combinaisons de Polices
Voyez si une police décorative pour les titres et une police lisible pour le corps fonctionnent bien ensemble.
Envoyer des commentaires
Faites-nous part de vos réflexions pour nous aider à améliorer l'outil.
Les commentaires sont temporairement suspendus
Le serveur est occupé ou la protection anti-spam est active. Veuillez réessayer plus tard.