Skip to main content

Text

Cette page contient des exemples d'utilisation de différentes pour contrôler la taille, la couleur, l'alignement et le poids du texte.

Tailles de police

@TODO corrigé jolimardi.css (text-small / text-xs)

Texte petit

Texte très petit

HTML
    <p class="text-small">Texte petit</p>
<p class="text-xs">Texte très petit</p>

Couleurs de police

Texte blanc

Texte d'accent

Texte noir

Texte gris

Texte en dégradé

HTML
    <p class="text-white">Texte blanc</p>
<p class="text-accent">Texte d'accent</p>
<p class="text-black">Texte noir</p>
<p class="text-gray">Texte gris</p>
<p class="text-gradient">Texte en dégradé</p>

Alignement du texte

Texte centré

Texte aligné à gauche

Texte aligné à droite

HTML
    <p class="text-center">Texte centré</p>
<p class="text-left">Texte aligné à gauche</p>
<p class="text-right">Texte aligné à droite</p>

Poids de la police

Texte normal

Texte léger

Texte semi-gras

Texte gras

Texte très gras

HTML
    <p class="font-weight-normal">Texte normal</p>
<p class="font-weight-light">Texte léger</p>
<p class="font-weight-semibold">Texte semi-gras</p>
<p class="font-weight-bold">Texte gras</p>
<p class="font-weight-extrabold">Texte très gras</p>