字体无法在 IE8 上加载

Posted 2023-03-06

【中文标题】字体无法在 IE8 上加载

【英文标题】：Font-face won't load on IE8

【发布时间】：2014-06-09 18:47:49

【问题描述】：

我已经尝试了其他主题中的许多解决方案，但字体仍然无法在 IE8 中加载。 字体由 FontSquirrel 转换，并且 CSS 已在那里生成。没有交替。 根据其他主题..它现在应该可以工作了。但是..它没有。有什么解决方法可以让它工作吗？或者这只是我一直讨厌 ie8 的原因之一？

可以在这个网址看到问题：www.kokomogroningen.nl

字体当前是：

    @font-face 
        font-family: 'dincondregularregularcondRgRgularregularcondRgRgularregularcondRgRg';
        src: url('/css/ff_din_condensed_regular-webfont.eot');
        src: url('/css/ff_din_condensed_regular-webfont.eot?#iefix') format('embedded-opentype'),
             url('/css/ff_din_condensed_regular-webfont.woff') format('woff'),
             url('/css/ff_din_condensed_regular-webfont.ttf') format('truetype'),
             url('/css/ff_din_condensed_regular-webfont.svg#dincondregularregularcondRgRgularregularcondRgRgularregularcondRgRg') format('svg');
        font-weight: normal;
        font-style: normal;
    

【问题讨论】：

请在此处发布相关代码，而不仅仅是链接到您的网站

【参考方案1】：

来源http://css-tricks.com/

  @font-face 
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
   src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('webfont.woff') format('woff'), /* Modern Browsers */
   url('webfont.ttf')  format('truetype'), /* Safari, android, ios */
   url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */

这也可能有帮助

Font Face not working in IE8 as expected

【讨论】：

谢谢，但你提供的 css 技巧已经是我正在使用的。