В IE CSS font-face работает только при навигации по внутренним ссылкам
Наш веб-дизайнер создал CSS со следующим шрифтом:
@font-face {
font-family: 'oxygenregular';
src: url('oxygen-regular-webfont.eot');
src: url('oxygen-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('oxygen-regular-webfont.woff') format('woff'),
url('oxygen-regular-webfont.ttf') format('truetype'),
url('oxygen-regular-webfont.svg#oxygenregular') format('svg');
font-weight: normal;
font-style: normal;
}
Он отлично работает на IE и Firefix. Но есть проблема: в IE шрифты отображаются правильно, только когда я перемещаюсь по странице, используя внутренние ссылки веб-страницы. Если я нажимаю кнопку «Обновить» или «Назад», шрифты заменяются шрифтом по умолчанию (Times New Roman).
В настоящее время веб-сайт использует HTTPS, но такая же проблема наблюдалась при использовании HTTP.
Когда я перемещаюсь по внутренним ссылкам на веб-сайт, на вкладке Сеть инструментов разработчика IE (Shift - F12) я вижу следующее:
/Content/oxygen-regular-webfont.eot? GET 200 application/vnd.ms-fontobject
Когда я использую кнопки Обновить / Назад, есть еще две записи для других шрифтов:
/Content/oxygen-regular-webfont.woff GET 200 application/x-font-woff
/Content/oxygen-regular-webfont.ttf GET 200 application/octet-stream
Сам файл CSS загружается следующим образом:
/Content/site.css GET 200 text/css
Я попытался удалить woff и ttf, поэтому у меня было следующее:
@font-face {
font-family: 'oxygenregular';
src: url('oxygen-regular-webfont.eot');
src: url('oxygen-regular-webfont.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
Но IE по-прежнему ведет себя так же (за исключением того, что он больше не загружает woff и ttf): отображает неправильные резервные шрифты при навигации по Back / Refresh.
Как мне сделать, чтобы IE загружал правильные шрифты при действиях Обновить / Назад?