Google Fonts не работает в Internet Explorer (IE) 11

Question

В настоящее время создается сайт с использованием Google Fonts. Все работает в IE6 через 10, Firefox, Chrome и в мобильных браузерах. Однако в IE 11 нет загрузки шрифтов, и все отображается с использованием резервных шрифтов (sans-serif и т. Д.).

Эта же проблема, кажется, были обсуждены на следующих двух страницах, но без разрешения:
Google Code
MSDN Forums

Я не смог найти решение либо, и я интересно, если кто-то здесь имеет обходной путь на месте.

Answer 1

Использование Web Font Loader javascript вместо стандартного метода добавления шрифтов работает в IE11 для меня. https://developers.google.com/fonts/docs/webfont_loader.

Оно также имело то преимущество, что текст шрифта по умолчанию показывался на медленных соединениях до тех пор, пока не загрузится шрифт, и в этот момент он переключится на шрифт Google. В противном случае вы не получите никакого текста в течение нескольких десятков секунд.

Важное примечание. Вам нужно будет спроектировать этот переключатель, чтобы минимизировать повторный отрисовку экрана и привести его в действие конечным пользователям, т. Е. Аккуратно выбрать стоп-кадр шрифта.

Answer 2

Даже у меня была такая же проблема в IE11, но с использованием формата «woff» она была решена для меня.

Answer 3

У меня была аналогичная проблема. Шрифты css не загружались в IE11, только когда я нажал кнопки обновления или перемотки вперед/назад. Мне удалось решить эту проблему, добавив пустой тег 'style', чтобы начать загрузку документа. (например: $('head').append('<style></style>')) Надеюсь, это поможет кому-то с той же проблемой.