Bonjour, j'ai un petit problème avec des polices qui me casse bien la tête, pouvez-vous m'aider ?

Je possède une page index.html qui link une feuille CSS:

<link rel="stylesheet" href="css/index.css"/>

La feuille CSS est bien détectée, les polices aussi grâce à:

@font-face {
  font-family: "bebas";
  font-style: normal;
  font-weight: normal;
  src: local("bebas"), url("../fonts/bebas.ttf") format("truetype");
}
@font-face {
  font-family: "gobold";
  font-style: normal;
  font-weight: normal;
  src: local("gobold"), url("../fonts/gobold.otf") format("truetype");
}
@font-face {
  font-family: "barcode";
  font-style: normal;
  font-weight: normal;
  src: local("barcode"), url("../fonts/barcode.ttf") format("truetype");
}

Seulement, lorsque je crée la page format.html, dans le fichier pages (pages/format.html) et que je tente de link un fichier CSS (qui est dans le dossier CSS, le fichier CSS est format.css), le fichier est bien détecté mais pas les polices

Dans le fichier html format.html:

<link rel="stylesheet" href="../css/format.css"/>

Et dans le fichier css format.css:

@font-face {
  font-family: "bebas";
  font-style: normal;
  font-weight: normal;
  src: local("bebas"), url("../fonts/bebas.ttf") format("truetype");
}
@font-face {
  font-family: "gobold";
  font-style: normal;
  font-weight: normal;
  src: local("gobold"), url("../fonts/gobold.otf") format("truetype");
}
@font-face {
  font-family: "barcode";
  font-style: normal;
  font-weight: normal;
  src: local("barcode"), url("../fonts/barcode.ttf") format("truetype");
}

Cela ne marche pas help !

-
Edité par Thomasschmitt 9 février 2018 à 19:38:09

Bonjour, 

La syntaxe de tes règles @font-face n'est pas correcte. Tu devrais la corriger avec l'aide du cours : https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/formatage-du-texte

Bonjour, merci de l'aide ! hélas même en changeant mes règles de syntaxe @font-face, cela ne change rien

Quelqu'un d'autre ?

Bonjour,

où sont tes polices *par rapport* au fichier CSS ?

Salut merci de m'avoir répondu.

Je te joins des screens ce sera plus simple.

Voilà le dossier contenant les polices:

L'emplacement du fichier format (dans le dossier pages):

Le fichier format.css qui est dans le dossier css:

Et voilà une vue global de mon dossier:

Sachant que le CSS est bien détecté par la page format.html, mais pas les polices.

Il nous faudrait ton code mis à jours avec les corrections indiquées dans mon précédent message.

Pense également à afficher par défaut les extensions de tes fichiers afin d'éviter certaines erreurs. Par exemple, ton code :

  src: local("gobold"), url("../fonts/gobold.otf") format("truetype");

est sujet à caution car on voit dans ta première capture d'écran que tu n'as qu'un fichier au format OpenType pour cette font et aucun fichier au format TrueType...