Font-face ne fonctionne pas

Question

zanskar

11 Jul 2011 à 10:19

Bonjour,
Sur ce site web La vie entre les mains , J'ai mis en place du font face pour les polices century gothic (titres et barre de navigation) et fertigo pro (dans la légende du slider), j'ai utilisé les fichiers de polices et le code fournis par Fontsquirrel, j'ai bien mis mon code fontface en premier dans ma feuille de style, et j'ai bien vérifié mon lien avec le dossier font (mon site est sous wordpress, le dossier font où se trouvent les fichiers de police est dans le dossier du thème au même niveau que le fichier css).

est-ce que quelqu'un peut me dire pourquoi cela ne fonctionne toujours pas ?

Merci beaucoup de votre aide

Zanskar
Modifié par zanskar (11 Jul 2011 - 10:58)

o06

11 Jul 2011 à 11:17

salut,

es tu certain de ton chemin vers les fonts ?

zanskar

11 Jul 2011 à 11:32

Sous wordpress j'ai mon dossier VEM (nom de mon thème), à l'intérieur il y a, entre autres, le fichier css et le dossier font.
Mon chemin dans le fichier css est /font (URL relative).
Est-ce qu'on peut mettre l'url absolue à la place ?

o06

11 Jul 2011 à 11:56

oui.
essaies de mettre dans la règle @font-face le chemin vers la police avec une url absolue.

zanskar

12 Jul 2011 à 09:48

j'ai essayé de mettre le chemin absolu mais ça ne fonctionne toujours pas... des pistes ?

Patidou

12 Jul 2011 à 11:10

Il y a un problème quand j'essaye d'accéder à une fonte woff…

Mabelle

12 Jul 2011 à 11:16

Bonjour, tu déclares ceci:


@font-face {
    font-family: 'FertigoProRegular';
    src: url('http://www.lavieentrelesmains.com/wp-content/themes/VEM/font/fertigo_pro-webfont.eot');
    src: url('http://www.lavieentrelesmains.com/wp-content/themes/VEM/font/fertigo_pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.lavieentrelesmains.com/wp-content/themes/VEM/font/fertigo_pro-webfont.woff') format('woff'),
         url('http://www.lavieentrelesmains.com/wp-content/themes/VEM/font/fertigo_pro-webfont.ttf') format('truetype'),
         url('http://www.lavieentrelesmains.com/wp-content/themes/VEM/font/fertigo_pro-webfont.svg#FertigoProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CenturyGothicRegular';
    src: url('http://www.lavieentrelesmains.com/wp-content/themes/VEM/font/gothic-webfont.eot');
    src: url('http://www.lavieentrelesmains.com/wp-content/themes/VEM/font/gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.lavieentrelesmains.com/wp-content/themes/VEM/font/gothic-webfont.woff') format('woff'),
         url('http://www.lavieentrelesmains.com/wp-content/themes/VEM/font/gothic-webfont.ttf') format('truetype'),
         url('http://www.lavieentrelesmains.com/wp-content/themes/VEM/font/gothic-webfont.svg#CenturyGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

Mais tu n'as que ceci ensuite dans tes appels :

font-family: Century Gothic,'CenturyGothicRegular',sans-serif;

C'est sûr que si tu cherches pourquoi la police 'FertigoProRegular' ne marche pas, eh ben, elle n'est demandée nulle part.

Edit: ah non, elle est dans le css du nivo-slider.