我正在尝试通过此CSS使用AGA Arabesque
字体(从此处下载):
@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编码来尝试解决此问题?
编辑:其他字体,以这种方式使用,可以在所有三个主要浏览器上正常工作
我将字体转换为WOFF,然后发现所有字形都映射到U + F000块中的Unicode专用区。我不知道这是转换工具还是字体中的错误。但是考虑到这种字体已经很老了(它的日期是1994年,所以它来自Windows 3.1时代),所以它很可能不符合当前的标准。
我看到两种选择来使这种字体起作用:
获取字体编辑器并修复字符分配。
使用实体引用来访问字形。不太方便,但是可以:在ASCII表中查找字符的十六进制代码,在其F0
前面添加,然后在实体引用中使用该代码。例如,[
具有十六进制代码5B
,因此请使用实体引用
。(示例页面下载)
我可以在Firefox和Chrome浏览器中使用它。我没有用于测试Internet Explorer和EOT格式的Windows系统,但我怀疑情况会完全相同。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句