Typographie

Une seule famille, Roboto, et une échelle de titres qui s'adapte à la taille de l'écran.

Famille de police

Roboto est la police du site public de la BDU CI. Elle sera confirmée par la charte officielle. La pile de secours évite tout saut visible si la police ne se charge pas.

$font-family-sans-serif: Roboto, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

Hébergez la police vous-même plutôt que depuis un service tiers : c'est plus rapide et cela évite de transmettre l'adresse IP des visiteurs.

Titres

Les titres sont en graisse forte. Choisissez le niveau selon la structure de la page, puis ajustez l'apparence avec les classes h1 à h6 si nécessaire.

<h1>Titre de niveau 1</h1>
<h2>Titre de niveau 2</h2>
<h3>Titre de niveau 3</h3>
<h4>Titre de niveau 4</h4>
<h5>Titre de niveau 5</h5>
<h6>Titre de niveau 6</h6>

Texte courant

<p class="lead">Texte d'introduction, un peu plus grand.</p>
<p>Texte courant en 16 px, avec <strong>un passage important</strong> et <em>un passage en italique</em>.</p>
<p class="text-body-secondary">Texte secondaire, pour une précision ou une légende.</p>
<p><small>Petit texte, pour une mention légale.</small></p>

Titre de marque

La classe cauri-title met un titre de page en valeur : bleu de marque, graisse maximale, majuscules. Réservez-la à un titre par page.

<h1 class="cauri-title">Quel est votre besoin ?</h1>