Tester une police

Comparez des associations de Google Fonts avec votre propre texte, en réglant taille, épaisseur et espacement.

Configuration typographique

Police du titre

Police du corps

Taille du titre36px

Épaisseur du titre

Taille du corps16px

Épaisseur du corps

Combinaisons populaires

Tech modernePoppins + InterÉditorial classiquePlayfair Display + LoraCorporate audacieuxMontserrat + Open SansMonospace épuréJetBrains Mono + RobotoActualités chaleureusesMerriweather + Lato

Export de code CSS

/* CSS Integration */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Lora:wght@400;700&display=swap');

h1.custom-title {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  font-size: 36px;
}

p.custom-body {
  font-family: 'Lora', serif;
  font-weight: 400;
  font-size: 16px;
}

Comment ça marche

Choisissez des Google Fonts à associer et à prévisualiser.
Tapez votre propre texte dans l'aperçu en direct, modifiable.
Réglez la taille, l'épaisseur et l'espacement pour tester la typographie.
Exportez le CSS pour utiliser l'association dans votre projet.

À quoi ça sert

Essayer une association entre une police de titre et une police de texte avant de s'engager.
Voir à quoi ressemble un vrai texte dans une police.
Obtenir le CSS pour intégrer une association de Google Fonts.

Bon à savoir

L'outil charge les polices depuis Google Fonts : prévisualiser une police la télécharge depuis Google (le seul endroit où l'outil n'est pas entièrement hors ligne).
Le rendu peut différer légèrement d'un système d'exploitation et d'un navigateur à l'autre.

Questions fréquentes

Utilise-t-il mon propre texte ?

Oui, l'aperçu est modifiable : vous pouvez coller de vrais titres et paragraphes au lieu d'un texte d'exemple.

Puis-je récupérer le CSS ?

Oui, il exporte le CSS pour intégrer à votre site l'association de Google Fonts choisie.

Est-il entièrement hors ligne ?

Presque : tout tourne dans votre navigateur, mais prévisualiser une police Google télécharge le fichier de la police depuis Google. Aucun texte que vous tapez n'est envoyé.

Outils associés

Visionneuse DXF

Palette de couleurs d'image

Convertisseur de couleur

Générateur de box-shadow CSS

Vérificateur de contraste