Question

我在页面上使用了三种不同的字体，所有这些字体都在不同的浏览器中出色地显示，但其中一种字体在Chrome中不起作用（仅限Windows。它适用于Chrome MAC OS X＆amp; Linux）。首先，有一个错误“资源解释为字体但使用MIME类型application / octet-stream传输：”我通过添加.htaccess以下代码修复此错误：

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

但我的字体没有显示。我的CSS和字体：

@font-face{
font-family:'PopularScript';
src:url('http://test.dubrovka.dn.ua/stc/eot/PopularScript.eot');
src:url('http://test.dubrovka.dn.ua/stc/eot/PopularScript.eot?#iefix') format('embedded-opentype'),
    url('http://test.dubrovka.dn.ua/stc/wof/PopularScript.woff') format('woff'),
    url('http://test.dubrovka.dn.ua/stc/ttf/PopularScript.ttf') format('truetype'),
    url('http://test.dubrovka.dn.ua/stc/svg/PopularScript.svg#PopularScript') format('svg');
font-weight:normal;
font-style:normal;
}

Answer 1

问题解决了。 Font Squirrel打破了我的字体，所以我使用fontface.codeandmore.com服务，他的@ font-face工具包完美地显示在任何浏览器上，包括Chrome（Windows）。谢谢大家的帮助！

Answer 2

在浏览器和字母处理字体的方式上有很多怪癖。平台。我建议使用Font Squirrel＆amp;等地方的默认字体。看看他们的编码。如果需要，可以模仿它，但是它们创建了很好的CSS规则集，允许进行体面的跨浏览器字体显示。

@ font-face未在Chrome中显示（Windows）

2 个答案: