css - 符号字体 AGAarabesque 适用于 Chrome，不适用于 FF 和 IE

Question

我正在尝试使用 AGAarabesque 字体(从 here 下载)，具有以下 CSS:

@font-face {
    font-family: 'AGA Arabesque';
    font-style: normal;
    src: url('//example.com/wp-content/uploads/useanyfont/140705120824ARABSQ.eot');
    src: local('AGA Arabesque'), url('//example.com/wp-content/uploads/useanyfont/140705120824ARABSQ.eot') format('embedded-opentype'), url('//example.com/wp-content/uploads/useanyfont/140705120824ARABSQ.woff') format('woff');
}

我能够在 Chrome 中正确使用该字体。在最新的 Firefox 和 IE 中，我看到的只是一个英文字母代替了所需的符号。

在 Chrome 中:

在火狐浏览器中:

可能出了什么问题？有没有办法使用 base64 编码来尝试解决此问题？

编辑:以这种方式使用的其他字体可以在所有三种主要浏览器上正常工作

Answer 1

我将字体转换为 WOFF，发现所有字形都映射到 U+F000 block 中的 Unicode 专用区域。我不知道这是转换工具还是字体的错误。但考虑到这种字体相当古老(它的日期是 1994 年，所以它来自 Windows 3.1 时代)，它很可能不符合当前标准。

我看到有两个选项可以让该字体正常工作:

1. 获取字体编辑器并修复字符分配。

2. 使用实体引用来访问字形。不是很方便，但可能:查找您的 Angular 色的十六进制代码 in an ASCII table ，在其前面添加 F0 ，并在实体引用中使用该代码。例如。 [ 具有十六进制代码 5B，因此请使用实体引用 。 (Sample page download)

这对我来说适用于 Firefox 和 Chrome。我没有方便的 Windows 系统来测试 Internet Explorer 和 EOT 格式，但我怀疑情况会是相同的。