Font Utilities

Tailwind CSS 🟢 Junior

Definition

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

Analogie

Les reglages 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 coherente sur l'ensemble du projet via des classes utilitaires.

Termes lies

#styling#tailwind