IE9 和 IE10 的字体问题

【问题标题】：Font-face issue with IE9 and IE10IE9 和 IE10 的字体问题
【发布时间】：2013-11-29 13:08:54
【问题描述】：

我在使用 font-face 属性时遇到了一些问题。此代码适用于所有浏览器，甚至 IE8 及更低版本，但我无法在 IE9 或 10 中启动它。我已经扫描了这个板和谷歌并找到了一堆解决方案，但似乎没有什么对我有用。这是我的代码：

@font-face {
font-family: din_light;
  src: url('din_light.ttf?') format('truetype'),
       url('din_light.eot');
}

有没有人看到这里有什么问题..？

【问题讨论】：

@font-face works in IE8 but not IE9的可能重复

标签： css internet-explorer font-face

【解决方案1】：

研究其他有类似问题的人，似乎 IE 9 喜欢使用字体的 WOFF 版本，即使您像您一样在另一个源 URL 中指定 EOT（同时使用多个源时）。试试下面的代码，让我知道它是怎么回事：

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

如果您没有其他字体类型，您可以从 webfont-generator (fontsquirrel) 获得它们

上面的代码在这里找到：Fixing IE 9 @font-face problems

【讨论】：