CSS Custom Font в IE изменяется при обновлении

Question

У меня есть пользовательский шрифт, который я использую в CSS, преобразованный в EOT, WOFF и TTF для работы во всех браузерах

Он отлично работает, кроме как, да, вы догадались, IE.Это работает, но в моем IE8, когда я обновляю, шрифт, кажется, изменяется по высоте, который выбрасывает все промежутки ... Кто-нибудь может увидеть проблему или подтвердить, что это не только мой браузер?1006 *

Answer 1

Мои и мои коллеги возились с одной и той же ошибкой. Наша среда работала в рамке Facebook. При первой загрузке страницы (с пустым кешем) шрифты отображались нормально, но после простого обновления шрифты превратились в Arial с кернингом нашего нестандартного шрифта или чем-то еще. Ошибка также отличалась от HTTP до HTTPS, где на HTTP она работала бы просто отлично.

Мы начали возиться с исправлениями, описанными в различных постах блога и этой теме, но нам не повезло. Я был ошеломлен и был готов заменить текст изображениями.

Затем я протестировал с отключенным кешированием в IE, и проблема ушла. Поэтому мы попытались отключить кеш на уровне заголовка. Не красиво Но это сработало. Заголовок без кэширования был установлен только для шрифтов, и он работал как шарм.

Answer 2

Это работа для меня. Поместите id в <link>

<link id="main-css" rel="stylesheet" type="text/css" href="/css/styles.css" />

Если документ готов , используйте чистый JavaScript или jQuery, как этот.

 //Script
    document.getElementById('main-css').href=document.getElementById('main-css').href;

 //or Jquery
    $('#main-css')[0].href=$('#main-css')[0].href;