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