[CSS 3] iefix dans un @font-face

[cyberInteractif]

Bonjour,

Je suis en train de coder un site web.

J'ai consulté de la doc pour utiliser des styles de caractères personnalisés, et la norme, il parait que c'est du genre :

Code :

1
2
3
4
5
6
7
8
@font-face { /* Définition d'une nouvelle police nommée LearningCurveProRegular */
    font-family: 'LearningCurveProRegular';
    src: url('LearningCurve_OT-webfont.eot');
    src: url('LearningCurve_OT-webfont.eot?#iefix') format('embedded-opentype'),
         url('LearningCurve_OT-webfont.woff') format('woff'),
         url('LearningCurve_OT-webfont.ttf') format('truetype'),
         url('LearningCurve_OT-webfont.svg#LearningCurveProRegular') format('svg');
}

Le problème c'est que je sais pas ce que c'est par exemple ? #iefix, ou encore pourquoi il faut mettre #LearningCurveProRegular après l'avant dernière ligne... j'ai beau cherché sur internet, aucune données sur les explications a propos de ca.

J'en demande à la communauté informatique de m'appuyer afin de me dépanner.

Merci merci merci, mille fois merci d'avance. ^ ^ !

[FirePrawn]

Bonjour,

Je t'invite à lire le tutoriel de Vincent Viale sur ce sujet : Comment utiliser une police personnalisée sur un site web.

[cyberInteractif]

Merci, mais j'avais déjà vu ce tutoriel et il ne dit rien sur ?#iefix ni pourquoi il faut ajouter #LearningCurveProRegular...
:/

[Torgar]

Parce que c'est la syntaxe semble-t-il :

Note that paths to SVG files include an ID. Here, #filename. If you convert your own SVG fonts, you define this value. If you use Font Squirrel’s generator, look at the demo CSS to find this value (for Fontin Sans Regular, I see this SVG ID: FontinSans-Regular).

Source : http://nicewebtype.com/notes/2009/10...css-font-face/ | http://www.fontspring.com/blog/the-n...nt-face-syntax

[jreaux62]

Bonjour,
des explications en français : Bonnes pratiques pour les déclarations @font-face

Extrait (concernant ?#iefix) :

les version d’Internet Explorer 6, 7 et 8 souffrent d’un bug de parsing qui leur font croire que l’adresse de la fonte est la chaine de caractère comprise entre la première parenthèse ouvrante et la toute dernière parenthèse fermante de la déclaration src. Le coup de génie de FontSpring a été de rajouter un “?” à la fin de l’adresse de la fonte EOT. De cette manière, les vieilles versions de IE vont bien charger le fichier de police et tout ce qui sera après le “?” ne servira à rien mais évitera un appel vers une adresse qui n’existe pas puisque ce sera compris comme étant un paramètre d’URL.

[cyberInteractif]

Heu ... si je résume :
le "?" c'est pour dire aux anciens IE6, 7, et 8 qu'un nom de fichier s'arrête à un endroit donné et que #iefix par exemple est un id vers un fichier ???

demande éclaircissement ^ ^ !

[jreaux62]

Envoyé par cyberInteractif

demande éclaircissement

Il te faut quoi, un projecteur ?
C'est écrit juste ici dessus. Il suffit de lire. (+ lien fourni, à lire aussi).

Pour résumer, les anciens I.E. ne "voient" que : src: url('LearningCurve_OT-webfont.eot
Il sont "aveugle" à ce qui est écrit après le ?...

Sinon, tu peux aussi te contenter de copier la syntaxe sans te poser de question inutile, et constater simplement que ça fonctionne.