font-face ne fonctionne pas dans IE 10
Je n'ai absolument aucun succès dans l'obtention de IE 10 pour afficher des polices personnalisées. Quelqu'un d'autre a une solution pour cela? Je peux voir un peu de shout-outs sur le net que d'autres ont du mal avec leurs polices dans IE 10, mais pas de solutions ou de bugs confirmés pour être trouvé.
Quelqu'un avec la même expérience ou une solution?
C'est ce que j'ai en ce moment, et il fonctionne bien sous IE 10, Chrome et Safari:
@font-face {
font-family: "LCD";
src: url('http://www.somedomain.xxx/Public/Fonts/Quartz_Regular.ttf');
}
<!--[if IE]>
<style type="text/css">
@font-face {
font-family: "LCD";
src: url('http://www.somedomain.xxx/Public/Fonts/Quartz_Regular.eot');
}
</style>
<![endif]-->
J'ai essayé de remplacer avec des fichiers de polices dans d'autres formats de woff, ott, etc. mais pas de chance du tout avec ça.
La réponse qui fait allusion à la police de l'écureuil fait le Travail.
Maintenant, le travail de balisage (pour IE 10) est:
@font-face {
font-family: "LCD";
src: url('/Public/Fonts/quartz_regular-webfont.eot');
src: url('/Public/Fonts/quartz_regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/Public/Fonts/quartz_regular-webfont.woff') format('woff'),
url('/Public/Fonts/quartz_regular-webfont.ttf') format('truetype'),
url('/Public/Fonts/quartz_regular-webfont.svg#quartzregular') format('svg');
font-weight: normal;
font-style: normal;
}
<style>
tag.Peut-être que vous souhaitez vérifier ce steveworkman.com/tag/web-fonts
OriginalL'auteur Jesper R. Hansen | 2012-11-26
Vous devez vous connecter pour publier un commentaire.
Je suppose que c'est dans un fichier HTML, en raison de l'HTML, des commentaires et des éléments de style...si non, regardez dans cette.
Delà de cela, il suffit d'utiliser la @font-face generator
Problème avec la police générateur est que détestée, l'utilisation de polices Adobe. 🙁
Un autre problème avec le visage générateur est que mes polices de caractères est sorti légèrement différente à la suite du traitement. La hauteur de la ligne verticale et la ligne de base tout semblait avoir changé. Il a fait un travail dans IE 10, mais elle n'était pas utilisable, car il a foiré toutes mes mises en page.
Katz j'ai juste revisité cette après lecture sur l'accessibilité des techniques de w3.org/WAI/WCAG20/quickref en dehors de la déplacer vers de nombreux appareils, l'une des exigences est que le texte pourra être agrandie à 200% sans casser des choses. Je pense que si la hauteur de la ligne verticale et les décalages verticaux foiré vos mises en page, vous pouvez vouloir reconsidérer la "rigueur" de vos mises en page (je viens d'une conception d'impression d'arrière-plan, l'habitude de sentir de la même façon).
Face à la police générateur a fonctionné pour moi. Ajouté tous les extra gubbins que IE requis pour le faire fonctionner et l'a gardé un bonheur de travailler dans d'autres navigateurs. Tip Top!
OriginalL'auteur adam-asdf
Est-il possible que IE10 ne pas le rendu des polices web si le Mode de Sécurité est activé? Après la désactivation (options internet - sécurité) mes sites web ont été affichée correctement ...
C'était la solution à un problème général j'ai eu à voir téléchargée sur le web icônes.
Oui, j'ai rencontré ce problème une fois avant. J'ai pu être le cas.
OriginalL'auteur domaleo
J'ai eu de la police-écureuil @font-face de travail en tout, mais c'est à dire, myproblem mais il a que le .woff était la seule chose à ne pas incluses dans IIS mime-types sur mon serveur. Cela pourrait aider quelqu'un qui est aussi tombé sur cette question.
OriginalL'auteur Iain M Norman
Je viens de tomber sur un client signalant qu'il était incapable de voir la webfont sur son site web. Finit le "Haut niveau de sécurité" (dans IE options) blocs de polices web par défaut. Vous pouvez créer un niveau de sécurité personnalisé qui est fondamentalement "High", mais encore permet aux web-fonts. Ou il suffit de tourner vers le bas à moyen-élevé.
OriginalL'auteur user3416448
La police face pas mis à jour sur IE 10 -> référence , vous pouvez l'utiliser même IE-9
vous pouvez apprendre comment utiliser font-face ici
je pense que vous incluez tous les type de votre police...
je l'ai tester avec IE tetser ses travaillé. pouvez-vous tester avec IE testeur
-Mahdi n'ai pas essayé, mais comme vous pouvez le voir dans mon édité question et de la réponse d'adam, j'ai trouvé le balisage de droit pour le faire fonctionner sous IE 10. Merci beaucoup pour votre aide se regarder dans le IE Testeur 🙂
OriginalL'auteur A1Gard
J'ai utilisé ici:
http://www.impressivewebs.com/ie10-css-hacks/
Plus précisément:
En utilisant ce que nous pouvons simplement pop dans une bonne alternative à la police et ont encore sexyness dans les autres navigateurs ouverts polices.
Essayez les polices ici:
http://cssfontstack.com
OriginalL'auteur Alex Stewart
Convient d'ajouter que les fontface générateur de ne pas corriger cela pour tous polices. Lors de l'utilisation de la police Helvetica Neue Medium Condensed (HelveticaNeueLTW1G-MdCn) par exemple. Je suis de l'utilisation de plusieurs polices de caractères sur un site web. Ils travaillent tous avec le fontface générateur, sauf que Helvetica polices.
OriginalL'auteur Marcoz