Choisis ta police

🎯 Objectif

Choisir la police du texte avec font-family, et toujours lui donner une police de secours.

📖 Exemple

Le menu du réfectoire, habillé de deux polices — le code, et ce que le navigateur en fait :

<h1>Menu du réfectoire</h1>
<p>Lundi : rösti et salade verte.</p>
<p>Mardi : pâtes au fromage d'Ajoie.</p>

body {
  font-family: Verdana, sans-serif;
}

h1 {
  font-family: "Times New Roman", serif;
}

Pourquoi une virgule ? font-family ne prend pas une police, mais une pile : le navigateur essaie Verdana ; s'il ne l'a pas, il retombe sur sans-serif, la famille générique — elle existe sur tous les appareils, c'est le filet de sécurité. Regarde aussi la règle posée sur body : elle descend sur les deux paragraphes sans qu'on écrive rien pour eux — c'est l'héritage. Le titre a sa propre règle, donc c'est elle qui gagne. Dernier détail : Times New Roman contient des espaces, d'où les guillemets.

📝 Consigne

À toi de jouer — même structure, autre page : le blog de Lou. Le HTML est fourni, tout se passe dans l'onglet CSS. Écris deux règles :

1. Une règle sur le sélecteur body : la propriété font-family avec la pile Georgia, serif — la police de lecture
2. Une règle sur le sélecteur h1 : la même propriété, avec la pile Arial, sans-serif — le titre tranche