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

Question

我正在尝试使用 AGA Arabesque 字体(从 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 中:

在 Firefox 中:

可能出了什么问题？有没有一种方法可以使用 base64 编码来尝试解决这个问题？

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

Answer 1

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

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

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

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

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