波斯@字体面不会在Chrome中,错误的工作或没有?(Persian @font-face does

2019-09-17 23:35发布

不知道是否我得走在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的还是其他什么东西的错误。 提前致谢。


侧面说明:

  • 原来的字体是真正的类型格式和我使用的在线工具,将其转换。 但我敢肯定的是,字体不被损坏,因为所有其他的格式都工作正常。
  • 我刚刚想通了,有人有同样的问题( 这里是链接 ),但解决的办法是不工作了! 也打破功能在IE9!
  • 我可以看到Chrome的加载字体在Chrome的控制台,这样的问题是不是在页面加载的时间Web服务器或字体资源的不可用性。

Answer 1:

这不是一个错误。 您的字体不规范,也它不能在Firefox 11正常工作,以及(它显示彼此是坏的字体的标志隔开的字符)。 你可以找到新系列产品是这里的网络波斯字体。 这些字体与浏览器的新版本没有任何问题: http://www.scict.ir/Portal



Answer 2:

我在你的问题转换所提到的字体和下面的互联网地址上传它们:

bMitra的Web字体包

bMitraBd的Web字体包

此外,您必须使用以下线条样式:

@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


文章来源: Persian @font-face doesn't work in Chrome, Bug or not?