28172 sujets

CSS et mise en forme, CSS3

Font-face, ie et font-squirrel

Bonjour,

Je reviens avec un sujet éculé...mais bien que j'aie parcouru toute les lignes du forum traitant du sujet, je n'ai toujours pas de solution.

Or donc, dans le css de mon template, la première déclaration est la suivante : 

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



Le chemin est bon, puisque la font est trouvée sous chrome, opéra et firefox.
D'autre part, la font elle-même me vient de font-squirrel, ainsi que la syntaxe du font-face. Je juge donc que je peux leur faire confiance.

Pour autant, sous IE, cela ne fonctionne pas. (je vide mon cache à chaque nouvel essai, ce n'est donc pas cela).

J'utilise aussi joomla, dans sa version 2.5.....mais je doute que le soucis soit là.

Ainsi donc, si une âme charitable, doublée d'un génie, avait une once d'idée.....

Merci à vous. .

Feel
Bonsoir,

j'ai testé cette police sous IE, cela fonctionne très bien, tu devrais pas avoir de souci.

par contre :

a écrit :

J'utilise aussi joomla, dans sa version 2.5.....mais je doute que le soucis soit là.


pas sûr...j'ai trouvé cet article, peut-être...à toi d'essayer :

joomla et font-face sous IE?
J'avais déjà essayé Smiley decu .

C'est vraiment fatiguant, ce genre de fonctionnement ératique. J'y perds un temps infernal ! C'est très frustrant.
Essayez de remplacer 

url('../fonts/Windsong-webfont.eot?#iefix') format('embedded-opentype'),


par
url('../fonts/Windsong-webfont.eot?#iefix') format('eot'),
Pas d'évolution.

J'ai aussi enlevé les font-weight & font-style. Sans plus de succès.

J'abandonne ce soir. Peut-être aurai-je plus de succès demain. Merci pour l'aide, en tout cas.

Feel
au lieu de 
@font-face {
    font-family: 'WindsongRegular';
    src: url('../fonts/Windsong-webfont.eot');
    src: url('../fonts/Windsong-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Windsong-webfont.woff') format('woff'),
         url('../fonts/Windsong-webfont.ttf') format('truetype'),
         url('../fonts/Windsong-webfont.svg#WindsongRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


essayez

@font-face {
    font-family: 'WindsongRegular';
       src: url('../fonts/Windsong-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Windsong-webfont.woff') format('woff'),
         url('../fonts/Windsong-webfont.ttf') format('truetype'),
         url('../fonts/Windsong-webfont.svg#WindsongRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
j'ai téléchargé cette police, utilisé font-squirrel également, et cela fonctionne chez moi sous IE8/IE9 et IE10. et le tout, en faisant un copier-coller de ton code...

par contre, tu n'as pas besoin des apostrophes là : 


font-family: 'WindsongRegular';


comme cela, c'est bon aussi : 


font-family: WindsongRegular;
Sujet clos
Aller à