Voici la liste des typographies proposé par Tailwind CSS :
| Nom | Description |
|---|---|
| color | Cette typographie détermine la couleur du texte, influençant la lisibilité et le contraste avec le fond. |
| content | Cette typographie insère du contenu généré, souvent utilisé avec ::before et ::after pour ajouter du texte ou des symboles décoratifs. |
| font-family | Cette typographie définit la famille de polices utilisée pour le texte, influençant le style général et la lisibilité. |
| font-size | Cette typographie contrôle la taille des caractères, ajustant la visibilité et l'impact visuel du texte. |
| font-smoothing | Cette typographie améliore le rendu du texte sur les écrans en activant l'anticrénelage pour des caractères plus nets. |
| font-stretch | Cette typographie modifie la largeur des caractères (condensed, expanded, etc.), affectant l'espacement horizontal du texte. |
| font-style | Cette typographie définit le style du texte (normal, italic ou oblique), modifiant l'orientation des caractères. |
| font-variant-numeric | Cette typographie contrôle l'apparence des chiffres, comme les chiffres alignés ou proportionnels, pour une meilleure lecture des nombres. |
| font-weight | Cette typographie ajuste l'épaisseur des caractères, allant du fin au gras, pour renforcer ou atténuer l'emphase. |
| hyphens | Cette typographie active ou désactive la césure automatique des mots pour améliorer la lisibilité. |
| letter-spacing | Cette typographie ajuste l'espacement entre les lettres, influençant la densité et la clarté du texte. |
| line-clamp | Cette typographie limite le nombre de lignes visibles pour un texte, créant des textes tronqués avec des ellipses si nécessaire. |
| line-height | Cette typographie contrôle la hauteur de ligne, influençant l'espacement vertical entre les lignes de texte. |
| list-style-image | Cette typographie définit une image comme puce d'une liste, personnalisant l'apparence des éléments listés. |
| list-style-position | Cette typographie détermine si la puce est à l'intérieur ou à l'extérieur de la boîte de contenu de l'élément de liste. |
| list-style-type | Cette typographie choisit le type de puce ou de numérotation pour une liste (disque, cercle, décimal, etc.). |
| overflow-wrap | Cette typographie permet de casser les mots trop longs pour qu'ils ne débordent pas du conteneur. |
| text-align | Cette typographie définit l'alignement horizontal du texte (gauche, centre, droite, justifié). |
| text-decoration-color | Cette typographie définit la couleur de la décoration du texte appliquée avec text-decoration-line. |
| text-decoration-line | Cette typographie ajoute des lignes au texte, comme souligné, barré ou surligné. |
| text-decoration-style | Cette typographie contrôle le style de la ligne de décoration (solide, pointillé, ondulé, etc.). |
| text-decoration-thickness | Cette typographie ajuste l'épaisseur de la ligne de décoration du texte. |
| text-indent | Cette typographie définit le retrait de la première ligne d'un paragraphe pour améliorer la structure visuelle. |
| text-overflow | Cette typographie gère la façon dont le texte débordant est affiché, souvent avec des ellipses. |
| text-transform | Cette typographie change la casse des caractères (uppercase, lowercase, capitalize). |
| text-underline-offset | Cette typographie modifie l'espace entre le texte et la ligne de soulignement. |
| text-wrap | Cette typographie contrôle le retour à la ligne du texte, permettant de le couper ou de le laisser continuer hors du conteneur. |
| vertical-align | Cette typographie ajuste l'alignement vertical d'un élément en ligne par rapport à sa ligne de base. |
| white-space | Cette typographie contrôle la façon dont les espaces et les retours à la ligne sont gérés dans le texte. |
| word-break | Cette typographie détermine où le texte peut se couper pour éviter le débordement des mots. |