2

我使用 Inkscape 为一组图标制作了自定义字体,并使用 Free Online Font Converter 和 Font Squirrel 生成不同的字体类型(woff、eot、ttf、svg)和包含的@font-face 代码。

该字体在带有 ttf、svg 和 woff-font 的 Google Chrome 以及 Internet Explorer 7 和 8 中运行良好,但在 FireFox 13 和 IE9 中某些图标无法呈现。字体的其他图标确实可以正常工作,因此文件交付没有问题。也因为字体在 Chrome 中工作,转换似乎已经成功。

我认为这个问题与我正在使用的图标的类型或形状有关,但我找不到任何特别的东西可以将这两个图标与我使用的其他图标区分开来。

这个问题可以在我的 ASP.NET 项目中重现,也可以在本地使用 Font Squirrel 提供的测试文件重现。

更新:仍然没有找到解决方案,但我发现当在 Windows 中安装相同的 TTF 字体时,它在 Firefox 中确实可以工作。但是当它通过@font-face 引用时,它不会。

4

1 回答 1

2

猜测这与您的字体或字体的 CSS 不是从同一个域调用的事实有关。Firefox 和 IE9 都强制执行同域来源限制。因此,不要在链接标签或 CSS 字体代码中使用域。

于 2012-07-17T17:20:16.597 回答