Exercice 16/26

  • Dans le fichier stylesheet.css, définissez la propriété font-family du titre ‹h1› en Serif, celle du ‹h2› en Sans-serif et celle du ‹h3› en Cursive
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 16/26

Jusqu'à présent, vous avez utilisé les polices Arial, Verdana, Courier, Impact et Garamond. Mais combien de polices différentes CSS connaît-il ?

Cela dépend. La plupart des ordinateurs vont comprendre les polices de base comme Arial, Verdana, Courier et Garamond mais chacun peut avoir différentes polices installées dans son ordinateur personnel. Heureusement, CSS a des polices intégrées par défaut. Cela permet à n'importe quel utilisateur de voir ce que vous voulez lui montrer. Ces polices intégrées sont de 3 types :

  • Serif : dans ce type de police, les extrémités des lettres ont des extensions. La Garamond est une police serif. Faites une recherche sur "serif" pour trouver des exemples.
  • Sans-serif : c'est une police sans extensions. L'Arial et la Verdana sont des polices sans-serif.
  • Cursive : c'est une police qui ressemble à une écriture manuscrite.

Vous verrez ultérieurement comment importer votre propre police. Ainsi, vous serez sûr que les visiteurs de votre site verront vos pages avec toutes les polices que vous voulez afficher.

N'oubilez pas les majuscules dans le nom des polices.

Commentaires les mieux notés

40 Commentaires

  • matheolebontel-81

    matheolebontel-81

    Soumettre ne fonctionne pas

    le 16/03/2021 à 17h21

  • meriam

    meriam Admin

    Bonjour, je ne vois aucun essais pour cet exercice.

    le 17/03/2021 à 13h51

  • ghita.fakhouri-97

    ghita.fakhouri-97

    h1{font-family:serif} h2{font-family:sans-serif} h3{font-family:CURSIVE}

    le 12/01/2019 à 22h45

  • nkeshimanabrice-37

    nkeshimanabrice-37

    Ok je viens de trouver....

    le 09/10/2018 à 05h04

  • jerome

    jerome

    h1{ font-family:Serif; } h2{ font-family:Sans-Serif; } h3{ font-family:Cursive; } Code Faux hum.....

    le 17/07/2018 à 19h24

  • mram

    mram Admin

    Il me semble que la correction vérifie "Sans-serif" et non "Sans-Serif".

    le 25/07/2018 à 00h58

  • olivier-agueda-60

    olivier-agueda-60

    h1 { font-family: Serif; } h2 { font-family : Sans-Serif; } h3 { font-family: Cursive; } Où est l'erreur pour le h2 ? Je l'ai écrit de la même manière que les 2 autres.

    le 17/07/2018 à 17h35

  • mram

    mram Admin

    Il n'y a pas de majuscule sur le deuxième S.

    le 25/07/2018 à 00h55

  • louise.perrollet-33

    louise.perrollet-33

    Bonjour, la syntaxe m'a l'air bonne pourtant je reçois ce message "Vérifiez la syntaxe du sélecteur pour le titre <h2>" et je ne vois pas quoi faire/changer

    le 04/06/2018 à 14h11

  • mram

    mram Admin

    Bonjour, attention aux espaces inutiles après les {

    le 07/06/2018 à 00h46

  • abid.nadia-2

    abid.nadia-2

    je pense que la syntaxe est bonne je ne comprend pas ou est l'erreur

    le 20/05/2018 à 08h26

  • mram

    mram Admin

    Bonjour, la syntaxe du CSS peut être mieux écrite même si ça fonctionne. L'accolade { doit être sur la même ligne que le sélecteur CSS.

    le 23/05/2018 à 03h10

  • soacynthiasoa-62

    soacynthiasoa-62

    h1 &#123; font-family: Serif; } h2 &#123; font-family: Sans-serif; } h3 &#123; font-family: Cursive; } Erreur(s) : Vérifiez la syntaxe du sélecteur pour le titre <h1>.

    le 31/01/2018 à 15h49

  • seveno.laurent

    seveno.laurent

    h1 &#123; font-family:Garamond; } h2 &#123; font-family:Arial; } h3 &#123; font-family:Cursive; } Vérifiez la syntaxe de la règle CSS pour la police du texte du titre <h1>. Vérifiez la syntaxe de la règle CSS pour la police du texte du titre <h2>. Vous devriez avoir 1 élément html avec la règle CSS "font-family: Serif". Vous devriez avoir 1 élément html avec la règle CSS "font-family: Sans-serif".

    le 01/01/2018 à 22h58

  • mram

    mram Admin

    Bonjour, oui il ne faut pas mettre le nom d'une police particulière mais les termes "Serif" et "Sans-serif" . Ainsi le navigateur choisi le bon type de police disponible parmi celles présentes sur l'ordinateur du visiteur.

    le 06/01/2018 à 17h29

  • alexismoquet

    alexismoquet

    Pourquoi c ne fonctionne pas ?

    le 21/09/2017 à 08h16

  • mram

    mram Admin

    Bonjour, le code est fonctionnel mais on demande de l'écrire de manière plus lisible. Après { il faut aller à la ligne, puis } doit être sur une ligne à part aussi.

    le 22/09/2017 à 14h08

  • mram

    mram Admin

    Ligne 2 dans le CSS , mettez "Serif" et pas "serif".

    le 01/06/2017 à 12h11

  • pizzutoandrea3

    pizzutoandrea3

    help

    le 28/05/2017 à 18h12

  • mram

    mram Admin

    Ligne 5, je pense il n'y a pas de majuscule à "serif" ...

    le 21/05/2017 à 18h33

  • pizzutoandrea3

    pizzutoandrea3

    ca bloque..

    le 17/05/2017 à 16h08

  • sclogez

    sclogez

    Résolu !!! un mauvais H dans le nom de la police de caractère => étourderie qui ne pardonne pas

    le 28/02/2017 à 16h57

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Une font(aine) de connaissances</title> </head> <body> <h1>Quand je serai grand, je serai serif !</h1> <h2>Et moi, un sans-serif mais quand même de la police.</h2> <h3>Moi, je ferai la cursive aux voleurs !</h3> </body> </html>
/*Ajoutez votre CSS !*/