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

  • sclogez

    Bonjour, css ultra simple, je ne vois pas pourquoi je plante => Une idée ? ;-) h1 {font-family: Sherif;}h2 {font-family:Sans-sherif;}h3 {font-family: Cursive;}

  • sclogez

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

  • markitobcn

    drôle de message… rien n'est bon

  • pizzutoandrea3

    help

25 Commentaires

  • sclogez

    sclogez

    Bonjour, css ultra simple, je ne vois pas pourquoi je plante => Une idée ? ;-) h1 {font-family: Sherif;}h2 {font-family:Sans-sherif;}h3 {font-family: Cursive;}

    le 28/02/2017 à 18h53

  • 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 à 18h57

  • markitobcn

    markitobcn

    drôle de message… rien n'est bon

    le 23/10/2016 à 20h45

  • pizzutoandrea3

    pizzutoandrea3

    help

    le 28/05/2017 à 22h12

  • markitobcn

    markitobcn

    il me dit vérifier la syntaxe du <H3>, la règle CSS pour la police du H1, H2 et H3… que je devrais avoir un élément CSS HTML avec la règle CSS "font-family: serif", "font-family: sans-serif" et "font-family: cursive". je ne comprends pas

    le 24/10/2016 à 13h23

  • markitobcn

    markitobcn

    la syntaxe du H3 n'est pas bonne… là je ne comprends pas

    le 23/10/2016 à 16h28

  • mram

    mram Administrateur

    Même souci d'espace invisible après l'accolade ligne 7. Par contre il ne faut mettre que les polices demandées et pas Garamond, Arial ...

    le 24/10/2016 à 13h44

  • mram

    mram Administrateur

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

    le 21/05/2017 à 22h33

  • mathieu.louaintier

    mathieu.louaintier

    bonjour je ne comprends pas!! h1 { font-Family: Garamond, Serif; } h2 { font-Family :Arial, Sans-serif; } h3 { font-family: Arial,Cursive; }

    le 27/01/2017 à 15h21

  • mram

    mram Administrateur

    Pourquoi mettre Garamond et Arial ? Ce n'est pas demandé...

    le 31/01/2017 à 14h33

  • mram

    mram Administrateur

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

    le 01/06/2017 à 16h11

  • pizzutoandrea3

    pizzutoandrea3

    ca bloque..

    le 17/05/2017 à 20h08

  • seveno.laurent

    seveno.laurent

    h1 { font-family:Garamond; } h2 { font-family:Arial; } h3 { 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 02/01/2018 à 00h58

  • mram

    mram Administrateur

    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 à 19h29

  • soacynthiasoa-62

    soacynthiasoa-62

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

    le 31/01/2018 à 17h49

  • 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 à 12h26

  • mram

    mram Administrateur

    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 à 07h10

  • 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 à 18h11

  • mram

    mram Administrateur

    Bonjour, attention aux espaces inutiles après les {

    le 07/06/2018 à 04h46

  • 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 à 21h35

  • mram

    mram Administrateur

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

    le 25/07/2018 à 04h55

  • jerome

    jerome

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

    le 17/07/2018 à 23h24

  • mram

    mram Administrateur

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

    le 25/07/2018 à 04h58

  • alexismoquet

    alexismoquet

    Pourquoi c ne fonctionne pas ?

    le 21/09/2017 à 12h16

  • mram

    mram Administrateur

    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 à 18h08

  • nkeshimanabrice-37

    nkeshimanabrice-37

    Ok je viens de trouver....

    le 09/10/2018 à 09h04

  • ghita.fakhouri-97

    ghita.fakhouri-97

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

    le 13/01/2019 à 00h45

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 !*/