Internet Explorer中的font-face

Question

我敢肯定，我不是唯一一个受到困扰的人，但我似乎无法找到解决方案。

@font-face在Firefox，Chrome，Safari和TTF字体中表现非常出色。

如此：

@font-face{ 
  font-family: "Apple-Chancery" ;
  src: url(images/Apple-Chancery.ttf ) format("truetype");
}

但是，据我所知，要在Microsoft中使用，字体必须是EOT格式，所以我使用http://ttf2eot.sebastiankippe.com/进行了转换。

我的代码看起来像这样：

@font-face{ 
  font-family: "Apple-Chancery" ;
  src: local("Apple Chancery"), url(images/Apple-Chancery.eot), url(images/Apple-Chancery.ttf ) format("truetype"); /* non-IE */    
}

但它无法在Internet Explorer中运行。 我已经尝试为src设置两个不同的行：我尝试使用不同的转换器，不同的字体，并且都没有去。 我正在使用IE8。

另外，要使用多个自定义字体，我需要多个@font-face块，还是使用line font-family ， src ， font-family ， src等？

Answer 1

这可能对你有帮助，

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

Answer 2

如何使用font squirrel生成所有文件和代码？

Answer 3

Simpy在font2web上传你的字体，它会创建一个css文件和一个演示HTML文件。 希望这对你有所帮助

Answer 4

此页面可能对您有用： http ： //msdn.microsoft.com/en-us/library/ms530757%28VS.85%29.aspx

特别是这一行：

在Internet Explorer 8和早期版本中，仅支持一个URL值。

我认为你想要做的事情可能无法正常工作，直到IE9可用。 值得获得测试版的副本（假设您运行的是比Windows XP更新的版本）来测试并确认这一点。

Answer 5

你需要将IE（eot）放在一个单独的行上，而不是其他行。

正确的声明是：

@font-face{ 
  font-family: "Apple-Chancery" ;
  src: url(images/Apple-Chancery.eot); /* IE */
  src: local("Apple Chancery"), url(images/Apple-Chancery.ttf ) format("truetype"); /* non-IE */    
}

但这可能不足以涵盖所有情况，你缺少旧版chromes的svg字体类型等。我建议使用fontsquirel.com的font-face生成器，选择Easy选项然后查看生成css文件和复制/粘贴代码和转换后的字体文件

Answer 6

我第二次使用Font Squirrel。

你也可以看一下@ font-face的帖子Adventures，这可能对你有帮助。