Problème ponctuel avec @font-face

Bonjour,

J'ai un problème ponctuel (testé sous ie9 et FF16.0.2) avec l'utilisation d'une police d'écriture via @font-face

Parfois tout fonctionne correctement et parfois sur la page agenda ou informations la police ne s'affiche pas en "yanone_kaffeesatz_regularRg" dans le titre au dessus "Collège..." alors que la page photos semble toujours afficher le titre en "yanone_kaffeesatz_regularRg"

@font-face {
    font-family: 'yanone_kaffeesatz_regularRg';
    src: url('/assets/fonts/yanonekaffeesatz-regular-webfont.eot');
    src: url('/assets/fonts/yanonekaffeesatz-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/yanonekaffeesatz-regular-webfont.woff') format('woff'),
         url('/assets/fonts/yanonekaffeesatz-regular-webfont.ttf') format('truetype'),
         url('/assets/fonts/yanonekaffeesatz-regular-webfont.svg#yanone_kaffeesatz_regularRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

Avez-vous une idée du problème ?

Merci d'avance pour votre aide,

Sub
Modifié par subran (28 Nov 2012 - 12:48)

Bonjour,

j'ai regardé plusieurs fois et sous plusieurs navigateurs sans avoir un seul cas sans la Yanone.

Pas d'autres caractéristiques de ce "bug" ?

Salut,
j'ai regardé sous firefox et effectivement j'ai le soucis.
Je l'ai résolu en changeant l'appel de la css dans les pages qui ne fonctionnent pas.

<link href="http://www.sc1083.be/assets/css/style.css" type="text/css" rel="stylesheet">

remplacé par :

<link href="http://sc1083.be/assets/css/style.css" type="text/css" rel="stylesheet">

En espérant t'avoir mis sur une piste.

J'ai testé avec le changement mais le problème revient après qqs minutes/refresh... donc j'ai remis l'ancienne ligne.

Une autre idée?

Au risque de paraître bête : le cache pourrait-il entrer en jeu ?

Sinon, as-tu vérifié tous les chemins de tes appels ?

Oui, j'ai bien vidé le cache.
Tous les chemins sont ok, de plus sur la plupart des pages il n'y a pas de problème... c'est vraiment étrange

J'ai contourné le problème afin de le résoudre en ajoutant ceci :

<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>

Est-ce que j'ai encore besoin de ce code dans mon css ? :

@font-face {
    font-family: 'yanone_kaffeesatz_regularRg';
    src: url('/assets/fonts/yanonekaffeesatz-regular-webfont.eot');
    src: url('/assets/fonts/yanonekaffeesatz-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/yanonekaffeesatz-regular-webfont.woff') format('woff'),
         url('/assets/fonts/yanonekaffeesatz-regular-webfont.ttf') format('truetype'),
         url('/assets/fonts/yanonekaffeesatz-regular-webfont.svg#yanone_kaffeesatz_regularRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

Salut,
Content que tu ais résolu le soucis.

Non, avec google font tu n'as pas besoin de ce code dans le css.