Question

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

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

这里有人看错了吗？？

Answer 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

IE9和IE10的字体问题

1 个答案: