Association de polices Google Fonts
Choisissez une association prête à l’emploi ou une police pour les titres et une autre pour le texte. Écrivez le nom de votre activité pour voir le rendu et copiez le code.
Mode d’emploiDes polices qui vont bien ensemble
Association de polices Google Fonts: à quoi ça sert
Choisissez l’une des paires prêtes à l’emploi (élégante, moderne, classique, forte, délicate, douce, éditoriale, épurée ou artisanale) ou combinez librement 28 polices populaires de Google Fonts, avec la graisse du titre. L’aperçu charge vraiment les polices et affiche le nom de votre activité et un paragraphe.
Le code comprend le preconnect, le lien Google Fonts avec uniquement les graisses utilisées et display=swap, ainsi que les règles CSS pour les titres et le texte.
Mode d’emploi
- Choisissez une paire prête à l’emploi ou deux polices.
- Écrivez le titre et le texte de l’aperçu.
- Copiez le lien et le CSS pour votre site.
Quand l’utiliser
- Choisir l’identité visuelle d’un site.
- Tester des polices avant de les montrer au client.
- Associer des titres marquants à un texte lisible.
Questions fréquentes
Les polices Google Fonts sont-elles gratuites ?
Oui. Les polices Google Fonts sont open source et peuvent être utilisées sur des sites commerciaux sans payer.
Comment choisir deux polices qui vont bien ensemble ?
Une règle simple consiste à jouer sur le contraste : une police avec de la personnalité pour les titres (à empattements ou de titrage) et une police sans empattements bien lisible pour le texte. Évitez deux polices trop proches, qui ressemblent à une erreur, et n’en utilisez pas plus de deux.
Les polices ralentissent-elles le site ?
Chaque graisse de police est un fichier de plus. Ne chargez que les graisses que vous utilisez ; le code inclut déjà display=swap, qui affiche le texte avec une police système pendant le chargement de la police, et preconnect pour accélérer la connexion.
Et le RGPD ?
Charger les polices directement depuis Google envoie l’adresse IP du visiteur à Google. Si vous préférez l’éviter, téléchargez les polices et hébergez-les sur votre propre site.