css - @font-face 不适用于 ie7 和 ie8

Question

我的@font-face 样式如下:

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

它在除 IE7 和 8 之外的所有浏览器中都有效，有人有什么想法吗？

谢谢

Answer 1

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

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

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