Ich denke, das ist wirklich ein Fehler im Microsoft Internet Explorer 10, aber ich konnte nirgends eine Erklärung für das Problem finden. Eine Live-Demo des Problems finden Sie unter Ссылка und hier ist der Code:
%Vor% Das Problem ist, dass der Absatz mit der Klasse withkerning vollkommen unsichtbar ist. Ich möchte das Feature kern (Kerning aus der Schriftart) verwenden, weil es die Lesbarkeit verbessert.
Irgendwelche Vorschläge, wie Sie dieses Problem umgehen können? Soweit ich weiß, ist dies mit MSIE Version 11.0, Firefox oder Chrome nicht reproduzierbar. Ich würde es vorziehen, JavaScript zu verwenden, weil entweder
font-feature-settings mit JavaScript und als Ergebnis bekomme ich einen hässlichen Flash-Text ohne Kerning, wenn der Browser schnell genug ist, oder Mein Vorschlag ist, die Eigenschaft font-feature-setting zu entfernen, da sie den Text nicht leichter lesbar macht.
Der Grund ist, dass nur IE font-feature-setting unterstützt. Alle anderen Browser löschen die Eigenschaft und somit ändert sich das Text-Rendering in Nicht-IE-Browsern nicht.
WebKit- und Blink-Browser unterstützen die Eigenschaft mit einem Webkit-Präfix, und Firefox unterstützt sie mit einem moz-Präfix, aber sie unterstützen nicht das Präfix-freie, das in jsFiddle verwendet wird.
Wenn Sie dies verwenden und nicht an den IE übergeben müssen, können Sie die Präfixe für moz und webkit hinzufügen und die Version ohne Präfix entfernen. Beachten Sie jedoch, dass diese Eigenschaft in IE nie verwendet und in anderen ignoriert wird Browser, wenn sie jemals ihre Präfix-Version entfernen.
Hinweis: Es sieht so aus, als ob die Verwendung dieser Eigenschaft den Text in IE10 und 11 unter Windows 7 unsichtbar macht, aber wie erwartet in IE10 und 11 unter Windows 8.x funktioniert.
Bei Windows 7-Benutzern, die Internet Explorer 10 oder 11 verwenden, tritt ein Fehler auf, der dazu führt, dass Text nicht mehr angezeigt wird, wenn Zeichensatzfunktionseinstellungen verwendet werden. Ссылка
Windows 8-Benutzer haben nicht das gleiche Problem.
Wenn viele Benutzer Windows 7 verwenden, wird durch Entfernen von font-feature-settings und -ms-font-feature-settings der Text angezeigt.
Ich rate Ihnen immer noch, Kerning in den anderen Browsern einzuschalten, wenn Sie wollen, dass Text in allen anderen Browsern gleich angezeigt wird. Sie können die Vorwärts- und Rückwärtskompatibilität wie folgt sicherstellen:
%Vor%Sie können Javascript verwenden, wenn Sie Windows 8 und 10 Benutzern immer noch Kerning präsentieren möchten.
kern.css:
%Vor%kern.js:
%Vor%index.html:
%Vor%Ich hatte das gleiche Problem heute und nach ein paar Recherchen kam ich zu dieser einfachen Schlussfolgerung.
Benutzerdefinierte Kerning-Einstellungen entfernen und lassen Sie den Browser entscheiden, wann Kerning verwendet werden soll und wann kein Kerning verwendet werden soll. Es ist die Standardeinstellung und funktioniert einwandfrei. : -)
Tags und Links html css windows-7 internet-explorer-10 webfonts