Question

的CSS

@font-face {
    font-family: 'NanumBarunGothic';
    src: url(NanumBarunGothic.eot);
    src: url(NanumBarunGothic.eot?#iefix) format(‘embedded-opentype’),
    url(NanumBarunGothic.woff) format(‘woff’),
    url(NanumBarunGothic.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumBarunGothic';
    src: url(NanumBarunGothicBold.eot);
    src: url(NanumBarunGothicBold.eot?#iefix) format(‘embedded-opentype’),
    url(NanumBarunGothicBold.woff) format(‘woff’),
    url(NanumBarunGothicBold.ttf) format('truetype');
    font-weight: bold;
}

的.htaccess

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

这是我的语法。 IE还可以。装载。完美。但Safari，Chrome加载.ttf字体。为什么？那里有任何错误的语法？

测试页面：http://parkjinho.pe.kr:2368

Answer 1

（为什么）问题：

问题出在 WOFF文件中。如果您查看Google Chrome控制台日志，则会注意到：

    homeScreenFragment = new HomeScreenFragment();
    getFragmentManager().beginTransaction().add(R.id.home_layout, homeScreenFragment, "Home Page").
            addToBackStack("Main Home Page").commit();

因此浏览器默认为TTF格式。如果检查HTTP请求，则在浏览器无法解析WOFF之后，您将首先注意到WOFF文件，然后是TTF文件。

<强> SOLUTION：

重新转换/ 重新生成您的WOFF文件。有一些解决方案。

我建议使用：

在线：http://ttf2woff.com/
命令行：https://github.com/ananthakumaran/webify

Answer 2

正如Wojtek Surowka所指出的，你的CSS文件中有引号，这可能会导致问题（虽然也可能是你在这里粘贴内容的结果）。

对于CSS中的引号，您应使用using(var webClient = new WebClient()) { webClient.Encoding = Encoding.UTF8; var str = webClient.DownloadString("http://www.dinamalar.com/news_detail.asp?id=1553568"); }或"以下任何内容：'。

另外，我注意到您的“ ” ‘ ’文件在使用.htaccess代替.woof时出现错字。

为什么chrome在此语法中加载ttf文件而不是woff

2 个答案: