css - 波斯语 @font-face 在 Chrome 中不起作用,是否有错误?

标签 css font-face arabic persian farsi

不确定我的标题是 Chrome 中的错误还是我的 CSS 有问题

这是我所说内容的演示:demo link

问题是我在名为 BMitra 的网站中使用自定义波斯语字体(它在公共(public)领域完全免费)和所有主流浏览器(最新FF 和 IE6+) 可以很好地呈现这种字体,但我的 Chrome 会跳过这种字体并切换到系统默认的 tahoma

这是我的 CSS:

@font-face {
    font-family: 'BMitra';
    font-weight: normal;
    src: url('fonts/regular/BMitra.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/regular/BMitra.woff') format('woff'), /* Modern Browsers */
         url('fonts/regular/BMitra.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('fonts/regular/BMitra.svg#svgBMitra') format('svg'); /* Legacy iOS */
    }

@font-face {
    font-family: 'BMitra';
    font-weight: bold;
    src: url('fonts/bold/BMitraBd.woff') format('woff'), /* Modern Browsers */
         url('fonts/bold/BMitraBd.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/bold/BMitraBd.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('fonts/bold/BMitraBd.svg#svgBMitra') format('svg'); /* Legacy iOS */
    }

那么,有什么想法吗?这是 webkit 中的错误还是其他问题。提前致谢。


旁注:

  • 原始字体是真字体,我用在线工具转换了它。但我确信字体没有损坏,因为所有其他格式都可以正常工作。
  • 我刚刚发现有人遇到了同样的问题 ( here is the link ) 但解决方案根本不起作用!它还破坏了 IE9 中的功能!
  • 我可以看到 Chrome 会在 Chrome 的控制台中加载字体,因此问题不在于网络服务器或页面加载时字体资源不可用。

最佳答案

这不是错误。你的字体不是标准的,而且它在 Firefox 11 中也不能正常工作(它显示的字符彼此分开,这是错误字体的标志)。 您可以在此处找到适用于网络的新波斯语字体系列。这些字体在新版本的浏览器中没有问题:http://www.scict.ir/Portal

关于css - 波斯语 @font-face 在 Chrome 中不起作用,是否有错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10970001/

相关文章:

css - 如何使用图层定位图形按钮

fonts - Safari 用户安装的字体不呈现

ios - 当输入语言为 RTL/Arabic 时,如何防止 UITextfield 更改对齐方式?

Android 模拟器阿拉伯语支持

html - 如何根据 div 缩略图调整图像大小并保持比例?

css - 是否可以使用组合溢出 CSS/JS?

google-chrome - Chrome svg-Font-Rendering 中断布局

css - 为什么 Opera (11.00) 不显示自定义 (@font-face) 字体?

ios7 - NSDiacriticInsensitiveSearch 和阿拉伯语搜索

html - 如何在选中复选框时显示复选标记?