Сейчас собираю сайт с помощью Google Fonts. Все работает в IE6-10, Firefox, Chrome и в мобильных браузерах. Однако в IE 11 шрифты не загружаются, и все отображается с использованием резервных шрифтов (без засечек и т. д.).
Эта же проблема обсуждалась на следующих двух страницах, но без решения:
Код Google
форумы MSDN
Я также не смог найти решение, и мне интересно, есть ли у кого-нибудь обходной путь.
Использование javascript Web Font Loader вместо метода добавления шрифтов по умолчанию работает в IE11 для меня. https://developers.google.com/fonts/docs/webfont_loader.
У него также было то преимущество, что текст шрифта по умолчанию отображался при медленных соединениях до загрузки шрифта, после чего он переключался на шрифт Google. В противном случае вы не получите никакого текста в течение десятков секунд.
Важное примечание. Вы должны выбрать резервные шрифты для шрифтов с аналогичным размером / кернингом / интерлиньяжем и т. д., чтобы свести к минимуму проблемы с перерисовкой экрана и скачками содержимого, которые влияют на UX.
У меня была аналогичная проблема. Шрифты из css не загружались в IE11 только тогда, когда я нажимал кнопки обновления или вперед/назад. Мне удалось решить эту проблему, добавив пустой тег «стиль» для загрузки документа. (например: $('head').append('<style></style>')) Надеюсь, это поможет кому-то с той же проблемой.
Даже у меня была такая же проблема в IE11, но использование формата «woff» решило ее для меня.
