关于html:使用扩展名为.otf的阿拉伯字体

Using Arabic fonts with the extension .otf

我正在做一个小项目,客户向我发送了一个他希望我用于阿拉伯语的字体。该文件的文件扩展名是.otf

我嵌入了文件,并尝试使用它,结果是:

  • IE8:无法识别字体。
  • Chrome:无法识别字体。
  • Firefox:可以识别字体,但是在查看字体时,字母是分开的(在阿拉伯语言中,单词的字母相互连接)

关于如何在Firefox上进行修复并使IE和Chrome识别字体类型的任何想法??

以下是使用的代码:

CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
@font-face {
font-family: Dinar;
src: url("GEDinarTwo-Light.otf") format("opentype");
}

@font-face {
font-family: Dinar;
font-weight: bold;
src: url("GEDinarTwo-Light.otf") format("opentype");
}

#ss {
font-family: Dinar, Arial, Helvetica, Sans-Serif;
}

非常感谢...


目前看来,使用@ font-face技术嵌入阿拉伯字体无法正常工作,我一直试图让一种阿拉伯字体即时交付,但无法使其显示在网页上。我在某处读到的原因是@ font-face不支持访问字体的扩展字符库。


尝试将字体转换为TrueType(.ttf)和SVG(.svg),然后将TrueType用于IE,将SVG用于Safari和Chrome。

您可以使用FontForge来转换字体。


IE不支持OTF字体。

http://webfonts.info/wiki/index.php?title=@font-face_support_in_Internet_Explorer