Ich weiß, es gibt viele ähnliche Fragen, aber diese Situation scheint wirklich seltsam. @ font-face scheint für Internet Explorer 11 (Windows 7 Pro) defekt zu sein. Speziell Version: 11.0.9600.17728, Update-Version: 11.0.18.@ font-face arbeitet nicht mit einer bestimmten Version von Internet Explorer 11
@ font-face funktioniert gut für mich auf Chrome, Firefox, Safari, Opera (sowohl Linux als auch Windows, wo anwendbar). In der Tat funktioniert es sogar auf Internet Explorer Version: 11.0.9600.17633, Update-Version: 11.0.16, läuft auch auf Windows 7 auf einer anderen Maschine, die ich habe.
In der Entwicklerkonsole gibt es keinen Hinweis darauf, dass beim Abrufen der Schriftarten Probleme auftreten. Ich habe meine HTML/CSS auf einige sehr einfache Dinge vereinfacht, um das Problem zu reproduzieren. keine der benutzerdefinierten Schriftarten Im Fall unten arbeiten (für diese spezielle IE-Version):
<html>
<head>
<link rel="stylesheet" type="text/css" href="test.css" />
</head>
<body>
<p>This font should be Roboto Thin</p>
<p>There should be icons below. If not, then font-face is not working.</p>
<span>a</span>
<span>b</span>
<span>c</span>
<span>d</span>
<span>e</span>
<span>f</span>
<span>g</span>
<span>h</span>
<span>i</span>
<span>j</span>
<span>k</span>
<span>l</span>
<span>m</span>
</body>
</html>
... und die CSS:
@charset "UTF-8";
@font-face {
font-family: 'robotothin';
src: url('roboto-thin-webfont.eot');
src: url('roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
url('roboto-thin-webfont.woff') format('woff'),
url('roboto-thin-webfont.ttf') format('truetype'),
url('roboto-thin-webfont.svg#robotothin') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'typicons';
src: url('typicons-regular-webfont.ttf');
}
p {
font-family: robotothin;
font-size: 26px;
color: #666;
}
span {
font-family: typicons;
font-size: 30px;
color: #0062A8;
}
Sie können das code running here finden.
Wenn ich diese Seite mit der Version von IE, die Probleme verursacht, anzeigen, wird die Textschrift die Standardeinstellung sein und anstelle von Symbolen sehen Sie nur die Buchstaben in den span Tags.
Da @ font-face in jedem anderen Browser funktioniert, den ich getestet habe (sogar eine andere Version von IE 11), handelt es sich wahrscheinlich um einen Bug mit dieser Version von IE, und ich kann alles reparieren oder weiter debuggen?
Welche funktioniert nicht? 'Typicons' oder' Robotothin'? – Huangism
Beides, so scheint Schrift-Gesicht komplett gebrochen zu sein. – RTF
Kein Fehler in diesem spezifischen IE-Build, sondern etwas, was mit den Einstellungen dieses Browsers (oder vielleicht des Netzwerks, auf dem der Computer läuft) zu tun hat. Ich laufe 11.0.18 (Build endet in 17728) und es funktioniert für mich. – Adam