$ Préréglages
# Police de titre
# Police de corps
$ Aperçu
</> Code
$ Comment utiliser le générateur de paires de polices
Commence par choisir un appariement préréglé — ce sont des combinaisons éprouvées qui marchent bien ensemble. Ou personnalise : choisis une police de titre et une police de corps dans les menus (toutes de Google Fonts), ajuste les tailles et les graisses, et regarde l'aperçu se mettre à jour en direct. Bascule entre les aperçus article, hero et carte pour voir comment la paire se comporte dans différents contextes. Quand c'est bon, copie l'import ou le CSS et colle-le dans ton projet.
Ce qui fait un bon appariement de polices
Les meilleurs appariements créent du contraste sans choquer. Un motif courant est une police serif ou display pour les titres associée à une sans-serif propre pour le corps. Le titre attire l'attention ; le corps reste lisible. Évite d'associer deux polices trop similaires — si tu plisses les yeux et ne les distingues pas, prends quelque chose avec plus de personnalité pour le titre.
Pourquoi c'est important pour ton app
Tes captures App Store, ta landing page et ton UI in-app profitent toutes d'une typographie cohérente et bien appariée. Les polices que tu choisis donnent le ton — ludique, pro, minimal, bold. Réussir l'appariement tôt évite du travail de redesign plus tard. Utilise cet outil pour expérimenter vite, puis prends le CSS exact dans ton projet.
$ FAQ
C'est gratuit ?
Oui — complètement gratuit, sans inscription, sans limites. Tout tourne dans ton navigateur et charge les polices direct depuis Google Fonts.
Puis-je utiliser ces polices dans mon app ?
Toutes les polices ici viennent de Google Fonts et sont open-source. Tu peux les utiliser dans des apps, sites web, print — partout. Vérifie la licence de chaque police sur Google Fonts pour les détails (la plupart sont SIL Open Font License).
Comment ajouter les polices à mon projet ?
Copie la balise <link> ou la ligne @import depuis la section code et ajoute-la à ton HTML ou CSS. Ensuite, utilise les déclarations font-family montrées dans la sortie CSS.
Pourquoi certaines graisses sont indisponibles ?
Toutes les Google Fonts ne supportent pas toutes les graisses. Les puces de graisse ne montrent que celles que la police sélectionnée fournit vraiment.