Вспышка нестилизованного содержимого в IE с @font-face

Я работаю над сайтом, который использует шрифт Open Sans для основного текста, с файлами шрифтов EOT, SVG, WOFF и TTF и таблицей стилей, созданной Font Squirrel. Я включил CSS моих шрифтов первым в заголовок страницы. Но когда я просматриваю сайт в IE7, IE8 и даже IE9, у меня появляется вспышка шрифта Times Roman, а затем Open Sans. В других браузерах этого не происходит.

Может ли кто-нибудь предложить способ, как я могу предотвратить это? Вот CSS Font Squirrel, который я использую для этого шрифта:

 @font-face {
    font-family: 'OpenSansRegular';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
7
задан And Finally 8 March 2016 в 13:34
поделиться