[Résolu] @font-face ne fonctionne pas.

Bonjour tout le monde,

Comme dit dans le titre, j'ai un problème avec le @font-face. Je souhaite simplement changer la police des textes se trouvant dans la balise nav a.

Lorsque je mets des polices comme Impact, Arial ou installé sur mon PC ; Cela fonctionne.
J'en conclus que le problème vient du @font-face.

Copiant le stylesheet de fontsquirrel, je ne pense pas que l'erreur vient de là. Alors ma 1ère question est :

Lorsqu'on précise la destination de la police dans :

src: url('Mapolice');

Faut-il partir du html utilisé ?
Donc:

src: url('fonts/Mapolice'). 

Si le index.html et le dossier fonts se trouvent au même niveau.

Je vous remercie.


Edit:

@font-face 
{
    font-family: 'raleway-thinitalic-webfont';
    src: url('fonts/raleway-thinitalic-webfont.eot');
    src: url('fonts/raleway-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-thinitalic-webfont.woff2') format('woff2'),
         url('fonts/raleway-thinitalic-webfont.woff') format('woff'),
         url('fonts/raleway-thinitalic-webfont.ttf') format('truetype'),
         url('fonts/raleway-thinitalic-webfont.svg#ralewaythin_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}	

Modifié par Dadg (25 Jan 2015 - 13:24)

Bonjour,

Dans 99,9% des cas il s'agit effectivement d'un problème de chemin...

Donc : Vous dites que "le index.html et le dossier fonts se trouvent au même niveau", mais votre code ne serait-il pas lui-même dans un dossier css ?

Dans ce cas, si le dossier css est au même niveau que celui des fonts, le chemin devrait plutôt être :

../fonts/Mapolice

Modifié par Olivier C (25 Jan 2015 - 13:24)

Bon bah Olivier C tu viens de résoudre plusieurs heures d'arrachages de cheveux.

Merci beaucoup !

Bonjour,
Voilà, j'ai quelques soucis avec font-face
J'ai pourtant bien copié les liens, vers les bons dossiers (le dossier font se trouve dans le dossier css), créé la police avec font-squirrel. mais rien n'est pris

@font-face {
    font-family: 'the_godfatherregular';
    src: url('font/thegodfather-v2-webfont.eot');
    src: url('font/thegodfather-v2-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/thegodfather-v2-webfont.woff2') format('woff2'),
         url('font/thegodfather-v2-webfont.woff') format('woff'),
         url('font/thegodfather-v2-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

Résolu, j'ai eu quelques soucis avec les cookies ^^'