1

我确信我不是唯一一个困扰这个问题的人，但我似乎无法找到解决方案。

@font-face在带有 TTF 字体的 Firefox、Chrome、Safari 中运行良好。

像这样：

@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块还是使用将它们排列起来font-family, src, font-family,src等？

4

6 回答 6

2

这可能会帮助你，

@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;
}
于 2012-09-08T08:38:09.263 回答
2

使用字体松鼠生成所有文件和代码怎么样？

于 2010-11-01T21:58:49.113 回答
0

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

特别是，这一行：

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

我认为在 IE9 可用之前，您尝试做的事情可能无法正常工作。获得一份测试版副本（假设您运行的是比 Windows XP 更新的软件）来测试和确认这一点是值得的。

于 2010-11-01T21:58:45.663 回答
0

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

于 2012-10-18T05:33:08.320 回答
0

我支持使用字体松鼠。

你也可以看看我的帖子Adventures with @font-face这可能会对你有所帮助。

于 2010-11-05T10:20:37.077 回答
0

您需要将 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 */    
}

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

于 2010-11-01T22:32:01.943 回答