0

我的@font-face 样式如下所示：

@font-face {
  font-family: 'Din';
  src: url('/fonts/DINWebPro.eot?') format('eot'),
       url('/fonts/DINWebPro.woff') format('woff');

}

它适用于除 IE7 和 8 之外的所有浏览器，有人有什么想法吗？

谢谢

4

2 回答 2

0

使用fontsquirrel的 @font-face 生成器来生成你需要的所有字体文件类型，我认为早期的 IE 喜欢使用 .svg 字体文件（你没有）。

fontsquirrel 将获取您的字体文件，从中生成所有带有其他扩展名的字体文件，然后将它们连同一个向您展示如何使用它们的 css 文件一起提供给您。

使用此方法将确保您的自定义字体适用于所有主流浏览器，甚至是旧 IE

于 2012-12-14T15:23:58.227 回答
0

如果您在http://www.fontsquirrel.com/fontface/generator上使用生成器，您将获得一个相当不错的嵌入到每个浏览器中的结果。

话虽如此，您的问题包括 IE 的细微差别。

“......所以保罗设计的是一种在 IE 到达“有问题”格式之前拦截它的方法。使用最好的 CSS hack（没有无意义的语法），他在 IE 浪费带宽抓取不必要的文件之前转移 IE，并且在它阻塞之前。”</p>

见src: local("☺")下文

Paul Irish建议如下：

@font-face {
  font-family: "Your typeface";
  src: url("type/filename.eot");
  src: local("☺"),
    url("type/filename.woff") format("woff"),
    url("type/filename.otf") format("opentype"),
    url("type/filename.svg#filename") format("svg");
  }

注意笑脸是认真的。这是html字符&#9786;

还有一个很好的总结，列出了这个过程的每一步。

于 2012-12-14T15:45:20.950 回答