Пользовательские шрифты, исчезающие в IE

Question

Это первый раз, когда я видел, как это происходит с встроенным шрифтом. Для справки, у меня есть десятки клиентских сайтов с использованием пользовательских шрифтов без проблем.

У этого конкретного клиента есть свои собственные созданные файлы шрифтов. Данное приложение, к сожалению, относится к iframe на главном сайте (домены/поддомены совпадают между главной страницей, iframe и файлом шрифта).

Когда страница загружается в первый раз, шрифт отображается красиво. Как только я обновляю страницу, шрифт будет уничтожен: он возвращается к резервному ("Sans-Serif") шрифту, а разброс букв - все.

Используется 3 отдельных файла шрифтов, которые отображают одинаковое поведение. Я считаю, что это проблема кэширования. Первоначально корректное отображение шрифта подсказывает, что файл в порядке, что ссылочные пути верны и что безопасность домена не является проблемой.

Мы используем сгенерированный шрифтом font-squirrel для вставки. Пока что я тестировал только IE8, хотя мне сказали, что IE9 имеет ту же проблему. У других браузеров нет проблем с шрифтами.

Не могу сказать, на каком сайте это, к сожалению.

@font-face { 
    font-family: 'myfont70'; 
    src: url('../font/myfont-070.eot'); 
    src: url('../font/myfont-070.svg#myfont70') format('svg'), 
    url('../font/myfont-070.eot?#iefix') format('embedded-opentype'), 
    url('../font/myfont-070.woff') format('woff'), 
    url('../font/myfont-070.ttf') format('truetype'), 
    url('../font/myfont-070.svg#myfont70') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

(двойная декларация SVG является намеренным)

Спасибо!

Answer 1

Это связано с тем, что оно хранится в iframe в IE. Решение состоит в том, чтобы обновить href в теге css, который объявляет семейства шрифтов. Это не идеально, так как это вызывает перезагрузку css, и шрифты мгновенно вспыхивают на их резерв.

Если у кого-то есть лучшее решение, я все глаза.