Font Utilities

Tailwind CSS 🟢 Junior

Définition

Classes pour contrôler la police (font-sans/serif/mono), le poids (font-bold), la taille (text-sm/lg/xl) et le style (italic, antialiased).

Analogie

Les réglages d'un traitement de texte : police, taille, gras, italique.

Exemple de code

<h1 class="font-display text-4xl font-extrabold
  tracking-tight leading-tight">
  Titre Principal
</h1>
<p class="font-sans text-base font-normal
  text-gray-600 leading-relaxed">Contenu</p>

Cas d'usage

Appliquer une typographie cohérente sur l'ensemble du projet via des classes utilitaires.

#styling#tailwind

← → au clavier pour passer d'une fiche à l'autre