Online Tool Store
Aperçu d'Espacement des Lettres
Prévisualisez l'espacement des lettres en px, em ou rem avec réglages de police, graisse et transformation, puis copiez le CSS exact. Marche dans le navigateur.
Cet outil fonctionne entièrement dans votre navigateur. Vos fichiers ne sont jamais envoyés sur un serveur.
Comment fonctionne l'aperçu d'espacement des lettres
- Saisissez votre texte d'aperçu et ajustez l'espacement des lettres, la taille, la graisse, la police et la transformation du texte.
- Changez l'unité d'espacement entre em, px et rem pour correspondre à la façon dont la feuille de style de votre projet est écrite.
- Observez l'aperçu en direct se mettre à jour pendant que vous faites glisser le curseur d'espacement.
- Copiez les déclarations CSS obtenues dans votre feuille de style, ou cliquez sur Réinitialiser pour recommencer.
Questions fréquentes
À quoi sert letter-spacing ?
À ajuster l'espace entre les caractères (tracking) pour améliorer la lisibilité, mettre en valeur un titre, ou obtenir un style typographique précis, comme des libellés en majuscules très espacés.
Quelle est une plage typique pour letter-spacing ?
De petites valeurs négatives (comme -0.02em) resserrent les grands textes d'affichage, tandis que des valeurs positives (0.05em à 0.2em) sont courantes pour les libellés en majuscules et les badges. Un espacement très large (0.3em et plus) sert à un effet stylistique.
La graisse de la police influence-t-elle l'apparence de letter-spacing ?
Oui - les graisses plus épaisses ont naturellement des formes de caractères plus larges, donc la même valeur de letter-spacing peut paraître plus serrée ou plus large selon la graisse et la taille choisies.
Puis-je copier le CSS directement dans mon projet ?
Oui - les déclarations générées pour letter-spacing, font-size, font-weight, font-family et text-transform sont prêtes à être collées dans votre feuille de style.
Faut-il exprimer letter-spacing en px, em ou rem ?
em est le choix le plus courant car il s'adapte à la font-size propre de l'élément, ce qui garde le tracking proportionnel si le texte est redimensionné. rem s'adapte à la taille de police racine, utile pour garder un espacement cohérent entre différentes tailles. px est le plus prévisible, mais ne s'adapte pas du tout. Cet outil permet de prévisualiser et copier les trois.
Quel letter-spacing fonctionne le mieux pour du texte en majuscules ?
Les libellés et boutons en majuscules se lisent souvent mieux avec un tracking un peu plus large (environ 0.05em à 0.15em) pour compenser la proximité des lettres capitales. Utilisez le contrôle de transformation pour prévisualiser en majuscules avant de choisir une valeur.
Comment nous nous comparons
| Feature | Online Tool Store | Calculateurs de letter-spacing | Outils de conversion d'unités |
|---|---|---|---|
| Aperçu en direct avec curseur | ✓ | ✓ | ✗ |
| Changement d'unité em / px / rem avec conversion correcte | ✓ | ✗ | ✓ |
| Sélecteur de police dans l'aperçu en direct | ✓ | ✗ | ✗ |
| Aperçu de transformation du texte (majuscules/minuscules/première lettre en majuscule) | ✓ | ✗ | ✗ |
| CSS copiable instantanément | ✓ | ✓ | ✓ |
Pratique pour régler la valeur exacte de tracking d'un titre ou d'un libellé de bouton avant de l'écrire dans votre CSS.