MSIE 10, веб-шрифт и font-feature-settings вызывают невидимый текст
Я думаю, что это действительно ошибка в Microsoft Internet Explorer 10, но я нигде не смог найти объяснения этой проблемы. Демонстрацию проблем можно найти по адресуhttp://jsfiddle.net/37Bu5/ и вот код:
<html><head>
<style>
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400");
.withkerning
{
font-family: "Open Sans";
font-feature-settings: "kern" 1;
}
</style>
</head><body>
<p>Here`s some example text 1.</p>
<p class="withkerning">Here`s some example text 2.</p>
</body></html>
Проблема в том, что абзац с классомwithkerning совершенно невидим. Я хотел бы использоватьkern (кернинг из шрифта), потому что это улучшает читаемость.
Любые предложения о том, как обойти эту проблему? Насколько я знаю, это не воспроизводится с MSIE версии 11.0, Firefox или Chrome. Я бы предпочел избегать использования JavaScript, потому что либо
Я применяюfont-feature-settings используя JavaScript, и в результате я получаю ужасную вспышку текста без кернинга, если браузер достаточно быстрый, илиЯ сохраняю CSS как есть и пытаюсь удалить настройки шрифтов из MSIE 10. Любой пользователь, пытающийся просмотреть контент с MSIE 10 и без включенного JavaScript, получит страницу, полную пропущенного текста.