Exercice 17/26

  • Dans le fichier stylesheet.css, ajoutez Times comme option avant Serif, Verdana comme option avant Sans-serif et Vavaldi comme option avant Cursive. Attention ! Séparez bien chaque valeur avec une virgule ! Regardez l'astuce si vous avez besoin d'aide;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 17/26

Il n'est pas nécessaire d'utiliser directement des valeurs de police par défaut telles que cursive ou sans-serif. Vous pouvez dire à CSS d'essayer plusieurs polices : si la première n'est pas disponible, CSS passera à la suivante et ainsi de suite.

Par exemple, si vous écrivez :

p {
    font-family: Tahoma, Verdana, sans-serif;
  }

CSS va d'abord essayer d'appliquer Tahoma à vos paragraphes. Si l'ordinateur de l'utilisateur n'a pas cette police, alors CSS essaiera d'appliquer Verdana. En cas d'échec, le texte s'affichera finalement en sans-serif.

Pour la police serif, vous devriez avoir quelque chose comme ça :

h1 {
    font-family: Times, Serif;
   }

N'oubliez pas la majuscule dans le nom des polices.

Commentaires les mieux notés

  • francelinloic

    Bonjour ma police Vavaldi ne veut ou ne peut s'afficher, pourquoi ?

  • jetfusion.fr

    Bonsoir, je pense qu'il y a une erreur, en effet quand j'effectue la recherche de la police " Vavaldi " sur google, tout les résultat renvoi vers la police " Vivaldi" qui est apparemment une police sous licence, êtes vous sur que la police "Vavaldi" existe ?

  • patricerameaux

    bon, il n'en veux pas et je ne vois vraiment pas pourquoi ...

  • mram Administrateur

    Il faut un espace après la virgule qui sépare les polices (voir l'astuce).

20 Commentaires

  • francelinloic

    francelinloic

    Bonjour ma police Vavaldi ne veut ou ne peut s'afficher, pourquoi ?

    le 18/09/2017 à 14h18

  • mram

    mram Administrateur

    Bonjour, c'est normal vous avez inversé Cursive et Vavaldi.

    le 20/09/2017 à 15h30

  • jetfusion.fr

    jetfusion.fr

    Bonsoir, je pense qu'il y a une erreur, en effet quand j'effectue la recherche de la police " Vavaldi " sur google, tout les résultat renvoi vers la police " Vivaldi" qui est apparemment une police sous licence, êtes vous sur que la police "Vavaldi" existe ?

    le 27/12/2017 à 22h07

  • mram

    mram Administrateur

    Bonjour, c'est fait exprès. Le but de l'exercice est de montrer comment le navigateur prend une police de substitution (ici Cursive) quand il ne trouve pas la police souhaitée (Vavaldi, qui en effet n'existe pas).

    le 30/12/2017 à 12h47

  • patricerameaux

    patricerameaux

    bon, il n'en veux pas et je ne vois vraiment pas pourquoi ...

    le 23/09/2016 à 14h30

  • mram

    mram Administrateur

    Il faut un espace après la virgule qui sépare les polices (voir l'astuce).

    le 28/09/2016 à 20h33

  • salman.shabir31

    salman.shabir31

    Hello ! je ne vois pas mon erreur help . h1 { font-family: Times, Serif; } h2 { font-family: Sans-serif; } h3 { font-family: Vavaldi, Cursive; }

    le 26/06/2017 à 13h28

  • mram

    mram Administrateur

    Bonjour, j'ai testé votre code en date du 28/06 et il fonctionne bien. Vous aviez oublié de mettre Verdana avant.

    le 29/06/2017 à 16h29

  • mram

    mram Administrateur

    Attention à la syntaxe. Le point-virgule doit être seulement en fin de ligne. Pour séparer les polices il faut utiliser des virgules.

    le 14/11/2016 à 18h27

  • florentin.cambou

    florentin.cambou

    Bonjour je n'arrive pas a régler le soucis que j'ai avec le code pourtant d'après moi je fais tout bien

    le 14/08/2017 à 15h52

  • remy.jelu

    remy.jelu

    Je ne comprends pas pourquoi ma formule ne fonctionne pas: h1 { font-family: Times; Serif; } h2 { font-family: Verdana; Sans-serif; } h3 { font-family: Vavaldi; Cursive; }

    le 11/11/2016 à 15h11

  • florentin.cambou

    florentin.cambou

    finalement j'ai trouver mon erreur juste une lecture trop rapide de l’énoncer :)

    le 14/08/2017 à 15h55

  • viesephora

    viesephora

    Bonsoir, je ne comprends pas pourquoi mon code n'est pas juste

    le 04/10/2017 à 23h06

  • mram

    mram Administrateur

    Bonjour, le dernier sélecteur est mal écrit.

    le 09/10/2017 à 00h20

  • samdecannes-56

    samdecannes-56

    Bonjour, je comprend pas pourquoi mon code ne passe pas svp pouvez vous m'aidé : h1 { font-family: Times,Serif; } h2 { font-family: Verdana,Sans-serif; } h3 { font-family: Vavaldi,Cursive; }

    le 30/09/2018 à 17h12

  • meriam

    meriam Administrateur

    Il faut laisser espace entre la 1 ère police et la deuxième police h1 { font-family: Times, Serif; }

    le 05/10/2018 à 17h55

  • ts.fabius-98

    ts.fabius-98

    Bonsoir, je ne comprends pas pourquoi je ne valide pas l'exercice..tout me semble pourtant correct...besoin d'aide svp

    le 07/09/2018 à 21h19

  • mram

    mram Administrateur

    Bonjour, quel message d'erreur avez-vous ?

    le 16/09/2018 à 06h35

  • Dadouhinda

    Dadouhinda

    j'ai sais bien que Vavaldi n'existe pas mais je ne comprends pas pourquoi le correcteur ne prend pas en compte mon code qui ets: h1 { font-family: times,Serif; } h2 { font-family: Verdana,Sans-serif; } h3 { font-family: Vavaldi,Cursive; } et le message d'erreur est: 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>. Vérifiez la syntaxe de la règle CSS pour la police du texte du titre <h3>. Vous devriez avoir 1 élément html avec la règle CSS "font-family: Times, Serif". Vous devriez avoir 1 élément html avec la règle CSS "font-family: Verdana, Sans-serif". Vous devriez avoir 1 élément html avec la règle CSS "font-family: Vavaldi, Cursive".

    le 08/02/2018 à 12h17

  • mram

    mram Administrateur

    Bonjour, mettez un T majuscule à "times" . Sinon c'est normal que l'on mette Vavaldi qui n'existe pas. C'est pour démontrer que le navigateur va donc choisir une police de type "Cursive" comme solution de secours. Ce qui est bien le cas à l'affichage.

    le 08/02/2018 à 14h39

  • mpforpro-92

    mpforpro-92

    le dernier cause une erreur car c est font-family :Vivaldy

    le 08/02/2018 à 13h13

  • mram

    mram Administrateur

    Bonjour, non l'exercice peut être validé même avec "Vavaldi". Voir mon précédent commentaire à ce sujet. Votre erreur doit venir d'ailleurs dans ce cas (peut être un espace après "Verdana," ).

    le 08/02/2018 à 14h41

  • Noble-Triton0

    Noble-Triton0

    h1 { font-family: Times,Serif; } h2 { font-family: Verdana,Sans-serif; } h3 { font-family: Vavaldi,Cursive; } Je ne trouve pas mon erreur , j'ai essayer en mettant des espaces entre les accolades , entre les noms de polices , j'ai toujours le même message d'erreur qui s'affiche :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>.,Vérifiez la syntaxe de la règle CSS pour la police du texte du titre <h3>.,Vous devriez avoir 1 élément html avec la règle CSS "font-family: Times, Serif".,Vous devriez avoir 1 élément html avec la règle CSS "font-family: Verdana, Sans-serif".,Vous devriez avoir 1 élément html avec la règle CSS "font-family: Vavaldi, Cursive". Est ce que vous savez m'aidez ? Merci d'avance :D

    le 29/06/2018 à 11h13

  • mram

    mram Administrateur

    Les lignes 3 , 7 et 11 sont inutiles.

    le 05/07/2018 à 04h42

  • ant.villard-11

    ant.villard-11

    Bonjour,je ne comprend malheureusement pas ou se trouve mon erreur un petit coup de pouce serait le bienvenu! merci

    le 20/03/2018 à 11h20

  • mram

    mram Administrateur

    Bonjour, il faudrait mettre les accolades { sur la même ligne que le sélecteur CSS.

    le 24/03/2018 à 05h25

  • kiatong

    kiatong

    bonour, je ne comprends pas pourquoi mon code ne marche pas ??? h1 { font-family: Times, Serif; } h2 { font-family: Verdana, Sans-serif; } h3 { font-family: Vavaldi, Cursive; }

    le 21/09/2017 à 10h49

  • mram

    mram Administrateur

    Bonjour, vous avez des espaces inutiles après les accolades {

    le 22/09/2017 à 19h17

  • audrey.anne.delory-81

    audrey.anne.delory-81

    voilà je comprends mieux du coup

    le 06/03/2019 à 17h27

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Valeurs de secours</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>
h1 { font-family: Serif; } h2 { font-family: Sans-serif; } h3 { font-family: Cursive; }