# Carte d’aperçu de combinaison de polices Prévisualisez une paire de polices titre/corps avec du texte réel, tailles, graisses, interlignes, caractères et CSS. > Page canonique: https://elysiatools.com/fr/tools/font-pairing-preview-card - **Catégorie:** Design - **Mots-clés:** combinaison de polices, typographie, aperçu de police, CSS ## Présentation La carte utilise les noms fournis comme piles CSS sans télécharger de polices. Le résultat est déterministe et hors ligne ; le rendu dépend des polices disponibles dans la page hôte. ## Entrées - **Pile de police du titre** (text): Fraunces, Georgia, serif - **Pile de police du corps** (text): Inter, system-ui, sans-serif - **Texte d’exemple** (textarea): A thoughtful interface starts with readable type. - **Jeu de caractères** (select) - **Taille du titre (px)** (number) - **Taille du corps (px)** (number) - **Graisse du titre** (number) - **Graisse du corps** (number) - **Interligne du titre** (number) - **Interligne du corps** (number) ## Quand l'utiliser - Comparer rapidement une police de titre et une police de texte avant de finaliser une interface. - Vérifier la lisibilité d’un texte réel avec différentes tailles, graisses et interlignes. - Tester l’affichage de caractères latins, cyrilliques, grecs, chinois, arabes ou devanagari. ## Fonctionnement - Saisissez la pile CSS de la police du titre et celle du corps, avec une police de remplacement générique. - Ajoutez le texte d’exemple et choisissez le jeu de caractères à prévisualiser. - Réglez les tailles, graisses et interlignes du titre et du corps. - La carte génère un aperçu HTML déterministe sans télécharger de fichiers de police. ## Cas d'usage - Concevoir une hiérarchie typographique pour une landing page ou une interface produit. - Comparer une combinaison éditoriale avec sérif et sans sérif à partir d’un texte réel. - Contrôler la prise en charge visuelle d’un contenu multilingue avant son intégration CSS. ## Questions fréquentes ### La carte télécharge-t-elle les polices saisies ? Non. Elle utilise uniquement les noms fournis comme piles CSS. ### De quoi dépend le rendu final ? Le rendu dépend des polices installées ou chargées par la page hôte. ### Quel résultat la carte génère-t-elle ? Elle génère un aperçu au format HTML. ### Puis-je utiliser mon propre texte ? Oui, saisissez votre contenu dans le champ Texte d’exemple. ### Quels paramètres typographiques puis-je modifier ? Vous pouvez modifier les tailles, les graisses et les interlignes du titre et du corps. ## Outils associés - [Expliquateur BFV, CKKS, LWE : budget de bruit, relinearisation et bootstrapping FHE](https://elysiatools.com/fr/tools/bfv-ckks-lwe-fhe-ciphertext-noise-budget-relin-and-bootstrapping-explainer): Exécute une véritable mini-pipeline BFV/CKKS sur Z_q\[x\]/(xⁿ+1) : budgets de bruit invariant exacts en bits, multiplication avec relinearisation, changement de module, empaquetage SIMD et rafraîchissement par bootstrapping. - [Auditeur de cohérence stylistique de manuscrit](https://elysiatools.com/fr/tools/manuscript-style-consistency-auditor): Vérifie nombres, dates, unités, guillemets, tirets, niveaux de titre et noms propres ; produit une feuille de style - [Ajusteur d'Opacité de Couleur](https://elysiatools.com/fr/tools/color-opacity-adjuster): Ajuster l'opacité/transparence alpha des couleurs avec aperçu en temps réel et traitement par lots - [Extracteur de tokens de thème ECharts](https://elysiatools.com/fr/tools/echarts-theme-token-extractor): Extrait des design tokens — couleurs, nombres, tailles de police et chaînes — d'un JSON de thème ECharts et les exporte directement dans votre design system. Collez un objet thème (celui enregistré et passé à echarts.init(dom, themeName)) et l'outil parcourt chaque feuille, étiquetant chaque couleur (avec normalisation optionnelle nommé/rgb → hex), nombre d'espacement, taille de police et chaîne, puis émet des variables CSS propres, un thème.extend Tailwind, un tokens.json Style Dictionary ou des variables SCSS. Pont entre un thème de visualisation ECharts et les tokens de design Figma/CSS/Tailwind sans recopier chaque valeur à la main. - [Fiche de spécifications responsive Figma iOS Android pt dp sp](https://elysiatools.com/fr/tools/figma-ios-android-pt-dp-sp-responsive-design-spec-card): Convertit les valeurs px Figma vers les bonnes unités par plateforme et génère une spec card développeur : pt iOS (@1x/@2x/@3x avec px rendus par échelle), dp/sp Android (table de rendu mdpi…xxxhdpi et échelle de police), rem/vw web avec extrait clamp() fluide ; audit des cibles tactiles minimales (44pt iOS / 48dp Android / 44px et 24px WCAG) avec classes de fenêtres Material et breakpoints Tailwind. - [Inspecteur de fichiers de police (TTF / OTF / WOFF / WOFF2)](https://elysiatools.com/fr/tools/font-file-inspector): Téléversez une police TTF, OTF, WOFF ou WOFF2 (WOFF2 décompressée automatiquement) et inspectez toutes les métadonnées : famille/sous-famille/designer/copyright/version, nombre de glyphes, unitsPerEm, graisse et largeur, angle italique, drapeaux de style et boîte englobante ; carte thermique de couverture par blocs Unicode ; aperçu SVG des glyphes (texte personnalisable, échantillonnage auto pour les fontes d'icônes) ; ligatures liga et fonctionnalités OpenType ; axes fvar et instances nommées des fontes variables. - [Laboratoire de Typographie PDF](https://elysiatools.com/fr/tools/pdf-typography-playground): Expérimentez avec les paramètres de typographie : interligne, espacement, alignement et retrait - [Supprimer les Lignes en Double](https://elysiatools.com/fr/tools/remove-duplicate-lines): Déduplique les lignes d'une liste ou d'un bloc de texte. Conserve la première ou la dernière occurrence, avec des options de sensibilité à la casse, de coupe des espaces et d'ignorance des lignes vides. ## Exemples - [Exemples de cartes de crédit](https://elysiatools.com/fr/samples/credit-card): Numéros de carte de test pour différents réseaux (Visa, MasterCard, Amex, etc.) - [Exemples de Polices Variables](https://elysiatools.com/fr/samples/variable-font-samples): Fichiers de polices variables avec axes fvar pour l'inspecteur d'axes/instances et le constructeur CSS - [Échantillons Audio MP3 Libres de Droits](https://elysiatools.com/fr/samples/mp3-samples): Collection d'échantillons audio libres de droits pour les tests et le développement, incluant les sons de la nature, la musique de méditation et l'audio ambiant - [Exemples SVG](https://elysiatools.com/fr/samples/svg-samples): Exemples de graphiques vectoriels évolutifs (SVG) démontrant diverses fonctionnalités et techniques SVG