我使用 Inkscape 为一组图标制作了自定义字体,并使用免费在线字体转换器和 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引用它时,它就不会了。
最佳答案
猜测这与您的字体或字体的 CSS 不是从同一域调用这一事实有关。 Firefox 和 IE9 都强制执行同域源限制。因此,请勿在链接标记或 CSS 字体代码中使用域。
关于firefox - Firefox 和 IE9 中不显示字体字符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11521655/