Discussion :

[sp41110]

Bonjour

J ai un probleme sur lequel je m arrache les cheveux...enfin le peu qu il me reste.
Je charge 2 feuilles de styles relatives à 2 fonts differentes ( Montserrate et Open Sans)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<link href="css/open-sans.css" rel="stylesheet" type="text/css">
    <link href="fonts/montserrat/montserrat.css" rel="stylesheet" type="text/css">

dans ma feuille de style je declare :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
body {
    font-family: 'Open Sans';
    font-weight: normal;
    font-size: 16px;
    background: #fff;
}
 
.title {
    font-family: 'Montserrat', sans-serif;
}

Cela fonctionne parfaiteent avec IE, Edge, Chrome, Safari, Opera mais pas avec Firefox. Seule la police affecté à la balise title (montserrat) est prise en compte.
J ai tout de même vidé le cache même sie je ne comprends pas pourquoi une seule police poserait probleme avec le cache...

Je ne sais pas si cela est utile mais je mets la feuille de style Open Sans

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
/* BEGIN Light */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Light/OpenSans-Light.eot?v=1.1.0");
  src: url("../fonts/Light/OpenSans-Light.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/Light/OpenSans-Light.woff2?v=1.1.0") format("woff2"), url("./fonts/Light/OpenSans-Light.woff?v=1.1.0") format("woff"), url("./fonts/Light/OpenSans-Light.ttf?v=1.1.0") format("truetype"), url("./fonts/Light/OpenSans-Light.svg?v=1.1.0#Light") format("svg");
  font-weight: 300;
  font-style: normal; }
/* BEGIN Regular */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Regular/OpenSans-Regular.eot?v=1.1.0");
  src: url("../fonts/Regular/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/Regular/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("./fonts/Regular/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("./fonts/Regular/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("./fonts/Regular/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* BEGIN Semibold */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Semibold/OpenSans-Semibold.eot?v=1.1.0");
  src: url("../fonts/Semibold/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/Semibold/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("./fonts/Semibold/OpenSans-Semibold.woff?v=1.1.0") format("woff"), url("./fonts/Semibold/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"), url("./fonts/Semibold/OpenSans-Semibold.svg?v=1.1.0#Semibold") format("svg");
  font-weight: 600;
  font-style: normal; }
/* END Semibold */

Donc j en apelle à vos lumières pour m'eclairer sur ce probleme bien particluier...enfin pour moi.
Merci de votre aide

Stephane

[Invité]

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<link href="css/open-sans.css" rel="stylesheet" type="text/css">
<link href="fonts/montserrat/montserrat.css" rel="stylesheet" type="text/css">

1/ Pourquoi les 2 fichiers "open-sans.css" et "montserrat.css" ne sont pas dans le même dossier "fonts" ?

2/ As-tu vérifier dans le code source que ces fichiers sont bien appelés (= ont les bons chemins).

[sp41110]

merci d avoir pris le temps de me repondre.
Le chemins n ont pas le meme chemin parce que j ai respecté la structure ds zips des fonts telechargées pour être sur que cela fonctionne et ils sont effetivement bien appelés puisqu ils s affichent sous tous les navigateurs (sauf FF) et quand je suis les liens en affichant le code de la page dans un navigateur, je suis bien redirigé...