У нас есть проблема, из-за которой мы успешно внедрили @ font-face для IE6-9 как обычно, и фактически на рассматриваемом клиентском сайте все работало нормально.
Затем мы скопировали скин на два новых сайта для клиента (тестирование и производство), в результате чего замена шрифта все еще работала, как и ожидалось. За ночь к этим сайтам были применены сертификаты SSL.
На следующее утро оказалось, что замена шрифта перестала работать, к нашему раздражению. В течение этого периода «открытий» и «мучений» @ font-face работал во всем, кроме IE.
После долгих размышлений о том, что все это сломано, мы поняли, что проблема возникает только при первой загрузке страниц. Если вы нажали на меню сайтов и перешли на другую страницу с замененным шрифтом, элемент @ font-face работал как положено (IE6 и выше).
Итак, вопрос для всех вас заключается в том, почему @ font-face не работает при первой загрузке страницы, но работает нормально, когда вы переходите по странице указанного сайта в дальнейшем?
Может ли это иметь какое-либо отношение к IE и SSL? Возможно, что-то убивает рендеринг IE при первой загрузке из-за дополнительных проверок безопасности, происходящих в фоновом режиме, которые устраняются к тому времени, когда пользователь переходит на другую страницу сайта .
@font-face {
font-family: 'BrisaAlternatesRegular';
src: url('/morph2/css/brisaalt-webfont.eot');
src: url('/morph2/css/brisaalt-webfont.eot?#iefix') format('embedded-opentype'),
url('/morph2/css/brisaalt-webfont.woff') format('woff'),
url('/morph2/css/brisaalt-webfont.ttf') format('truetype'),
url('/morph2/css/brisaalt-webfont.svg#BrisaAlternatesRegular') format('svg');
font-weight: normal;
font-style: normal;
}