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

58 Commentaires

  • garciaantoine1998-71

    garciaantoine1998-71

    Bonjour, cela ne marche pas a cause de la ligne pour h3 car je dois lui donner deux valeurs, pourtant mon code me semble bon : font-family: Sans-serif, Vavaldi, Cursive; Vivaldi ne marchant pas non plus je ne peux pas avancer. Merci d'avance

    le 23/09/2022 à 12h58

  • Patricio M

    Patricio M Admin

    Le dernier code est bon!! Super que tu l'as trouvé tout seul

    le 26/09/2022 à 09h02

  • favourikechi68-32

    favourikechi68-32

    bonsoir pourquoi soumettre ne marche pas?

    le 28/03/2022 à 17h30

  • Cyberlemon

    Cyberlemon

    Il faudrait corriger Vavaldi en Vivaldi

    le 08/03/2022 à 13h54

  • meriam

    meriam Admin

    Bonjour, merci pour votre attention.

    le 10/03/2022 à 15h01

  • taslimidiawara44-87

    taslimidiawara44-87

    regardez bien cela est déjà fait

    le 02/02/2022 à 11h39

  • meriam

    meriam Admin

    vous avez séparé les polices par un ppoint-virguel (;) il faut un virgule (,)

    le 02/02/2022 à 11h40

  • taslimidiawara44-87

    taslimidiawara44-87

    c'est deja fait, entre times et serif, verdana et sans-serif, entre vivaldi et cursive

    le 02/02/2022 à 11h38

  • meriam

    meriam Admin

    Il faut remplacer le point - virgule par un virgule

    le 02/02/2022 à 11h39

  • taslimidiawara44-87

    taslimidiawara44-87

    c'est deja fait, entre times et serif, verdana et sans-serif, entre vivaldi et cursive

    le 02/02/2022 à 11h38

  • meriam

    meriam Admin

    il faut supprimer le point-virgule; la séparation se fait par virgule ==> h1 { font-family:times, Serif;}

    le 02/02/2022 à 11h39

  • taslimidiawara44-87

    taslimidiawara44-87

    h1 {font-family: Times;Serif;} h2 {font-family: Verdana; Sans-serif;} h3 {font-family: Vavaldi; Cursive;}

    le 01/02/2022 à 09h53

  • meriam

    meriam Admin

    Bonjour, la sépartion entre les différentes polices d'écriture par un point-virgule.

    le 01/02/2022 à 11h26

  • taslimidiawara44-87

    taslimidiawara44-87

    bonjour, je ne comprend pas mon erreur

    le 01/02/2022 à 09h53

  • meriam

    meriam Admin

    Bonjour, la séparation entre les différentes pour polices se fait par un virgule.

    le 01/02/2022 à 11h28

  • caris.alain-44

    caris.alain-44

    Vavaldi : fonte inconnue au bataillon ...

    le 02/11/2021 à 12h12

  • meriam

    meriam Admin

    Ecrire Vivaldi au lieu de Vavaldi

    le 08/11/2021 à 00h38

  • chams14-90

    chams14-90

    je confirme Vivaldi change la police mais pas vavaldi.

    le 28/03/2021 à 18h25

  • chams14-90

    chams14-90

    je confirme Vivaldi change la police mais pas vavaldi.

    le 28/03/2021 à 18h24

  • matheolebontel-81

    matheolebontel-81

    Soumettre ne fonctionne pas

    le 16/03/2021 à 17h22

  • Xuljin

    Xuljin

    Hmm petite interrogation, la police "Vavaldi' est une erreur ? "Il me semble bien que c'est "Vivaldi", si j'ai tort autant pour moi, autrement il y a une petite erreur dans l'énoncé :)

    le 10/02/2021 à 12h15

  • audrey.anne.delory-81

    audrey.anne.delory-81

    voilà je comprends mieux du coup

    le 06/03/2019 à 15h27

  • 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 à 13h12

  • meriam

    meriam Admin

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

    le 05/10/2018 à 13h55

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; }