-1

我在我的页面上使用了三种不同的字体，它们都在不同的浏览器中出色地显示，但其中一种在 Chrome 中不起作用（仅限 Windows。它适用于 Chrome MAC OS X&Linux）。首先，出现错误“资源解释为字体但使用 MIME 类型应用程序/八位字节流传输：”我通过添加 .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;
}
4

2 回答 2

2

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

于 2013-01-22T23:34:11.773 回答
1

跨浏览器和平台处理字体的方式有很多怪癖。我建议使用Font Squirrel等地方的默认字体并查看它们的编码。如果需要，可以模仿它，但它们创建了很好的 CSS 规则集，允许像样的跨浏览器字体显示。

于 2013-01-22T18:44:42.297 回答