Générateur d'échelle typographique
Générez une échelle typographique avec ratios, aperçu live et export CSS/Tailwind
À propos de Générateur d'échelle typographique
Générez une échelle typographique avec des ratios mathématiques, prévisualisez les polices en direct et exportez en CSS, SCSS ou config Tailwind — tout dans votre navigateur.
Comment utiliser Générateur d'échelle typographique
- 1Définissez une taille de base (ex : 16px) et choisissez un ratio d'échelle (Minor Third, Major Third, Perfect Fourth, Golden Ratio, etc.).
- 2Sélectionnez l'unité (px, rem, em) et activez/désactivez l'arrondi des valeurs.
- 3Choisissez une famille de polices et une graisse pour prévisualiser l'échelle.
- 4Examinez l'échelle visuelle montrant chaque palier avec sa taille calculée.
- 5Exportez en propriétés CSS personnalisées, variables SCSS ou config Tailwind.
Astuces
- Une échelle Major Third (1.25) fonctionne bien pour la plupart des sites — elle offre une hiérarchie claire sans sauts de taille extrêmes.
- Utilisez les unités rem pour une typographie accessible — elles respectent les paramètres de taille de police du navigateur de l'utilisateur.
- Le Golden Ratio (1.618) crée des différences de taille spectaculaires — idéal pour les mises en page éditoriales ou artistiques.
Outils similaires
Équipe OneKitToolsMise à jour 2.21.4