73 votes

#Iefix résout le chargement des polices Web dans IE6-IE8?

De nombreux articles sur le Web comme celui-ci: http://www.fontspring.com/blog/fixing-ie9-font-face-problems suggèrent d’ajouter un ?#iefix à l’URL de base. J'étais curieux de savoir comment cela va résoudre le problème. Merci.

85voto

Rexyz Hoang Points 416

IE8 et les plus âgés ont un bug dans leur analyseurs pour l'attribut src. Donc, si vous incluez plus de 1 format de police à la SRC, c'est à dire ne parvient pas à charger et signale une erreur 404.
Le point d'interrogation résout ce problème en fous IE en pensant que le reste de la chaîne (les autres src) est une chaîne de requête, et donc le chargement du fichier EOT...
Les autres navigateurs vont suivre le cahier des charges et de la charge seulement de leurs polices de caractères de type ...
Vous pouvez vouloir lire Paul Irlandais est à l'épreuve des Balles @font-face syntaxe pour en savoir plus à propos de certains autres du pourquoi ...

22voto

basarat Points 22425

Vous pouvez faire n'importe quoi au lieu de ?#iefix : l'objectif de base est de mettre un ?#something après le premier fichier de police dans l'URL, car @Rexyz a déjà répondu.

 @font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#FooAnything') format('embedded-opentype'), /* IE6-IE8 */
     url('webfont.woff') format('woff'), /* Modern Browsers */
     url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
 

3voto

atwright147 Points 164

Le ?#iefix est là pour empêcher le navigateur d'interpréter les caractères après le ? tant que chaîne de requête et empêche ainsi une autre erreur de serveur possible.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X