Css 波斯语@font-face不';我不能在Chrome上工作,Bug与否?

Css 波斯语@font-face不';我不能在Chrome上工作,Bug与否?,css,font-face,arabic,persian,farsi,Css,Font Face,Arabic,Persian,Farsi,不确定我是否在Chrome中遇到了错误,或者我的CSS有什么问题 下面是我所说内容的演示: 问题是,我在我的网站上使用了一种定制的波斯语字体,名为BMitra(在公共领域是绝对免费的),所有主要浏览器(最新的FF和IE6+)都能很好地呈现这种字体,但我的Chrome浏览器跳过了这种字体,切换到系统默认的tahoma 这是我的CSS: @font-face { font-family: 'BMitra'; font-weight: normal; src: url('fon

不确定我是否在Chrome中遇到了错误,或者我的CSS有什么问题

下面是我所说内容的演示:

问题是,我在我的网站上使用了一种定制的波斯语字体,名为
BMitra
(在公共领域是绝对免费的),所有主要浏览器(最新的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中的bug还是其他什么。提前谢谢。
旁注:

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

    • 这不是一个bug。您的字体不标准,而且在Firefox 11中也不能正常工作(它显示的字符彼此分开,这是字体不好的标志)。
      你可以在这里找到新的波斯字体系列。这些字体与新版本的浏览器没有任何问题:

      我已转换了您问题中提到的字体,并将其上载到以下Internet地址:

      此外,必须使用以下样式行:

      @font-face {
          font-family: 'BMitra';
          src: url('fonts/regular/bmitra-webfont.eot');
          src: url('fonts/regular/bmitra-webfont.ttf') format('truetype'), url('fonts/regular/bmitra-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/regular/bmitra-webfont.woff') format('woff'), url('fonts/regular/bmitra-webfont.svg#BMitra') format('svg');
          font-weight: normal;
          font-style: normal;
      }
      
      @font-face {
          font-family: 'BMitra';
          src: url('fonts/bold/bmitrabd-webfont.eot');
          src: url('fonts/bold/bmitrabd-webfont.ttf') format('truetype'), url('fonts/bold/bmitrabd-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bold/bmitrabd-webfont.woff') format('woff'), url('fonts/bold/bmitrabd-webfont.svg#BMitra') format('svg');
          font-weight: bold;
          font-style: normal;
      }
      
      并且,您应该在.htaccess文件中添加以下行:

      AddType application/vnd.ms-fontobject .eot
      AddType font/ttf .ttf
      AddType font/otf .otf
      AddType application/x-font-woff .woff
      

      Chrome似乎没有在资源选项卡的预览窗口中正确渲染字体。为了增加您的麻烦,在Chrome beta(20)中,除了顶部显示的波斯语字符点缀着“空框”字形外,它看起来很好,如果我将H1的大小从25px改为其他一些字体,它会正确渲染一段时间reason@AlexK. 在铬金丝雀身上也有同样的行为。奇怪的它看起来像是一个bug,不是吗?但我在FF10+中没有任何问题!也许你是对的。我要试一试。谢谢,顺便说一句。是的,你是对的。感谢分享解决方案。再次感谢:你能再次分享吗?