css - apache 错误日志中使用 webfonts 时找不到文件错误

Question

我不断在 apache 日志中收到“找不到文件”错误，如下所示:

[2013 年 6 月 8 日星期六 14:05:34] [错误] [客户端 7x.9x.1x1.xx] 文件不存在:/mnt/www/www.site.com/versions/live/assets/fonts/agendmedextcon.eot) 格式("embedded-opentype"), url(.., 引用:http://www.site.com/Rest/Of/Url

同时我在css中有这个字体定义:

@font-face {
    font-family: 'Agenda Medium Condensed';
    src: url('../fonts/agendmedextcon.eot');
    src: url('../fonts/agendmedextcon.eot') format('embedded-opentype'),
         url('../fonts/agendmedextcon.woff') format('woff'),
         url('../fonts/agendmedextcon.ttf') format('truetype'),
         url('../fonts/agendmedextcon.svg#RomAgendaMediumExtraCondensedRegular') format('svg');
}

字体加载正常，我也没有在浏览器控制台中发现错误。 这些行仍然污染了错误日志，而且我仍然认为它们的存在是有原因的。

您知道如何找到错误的来源吗？

Answer 1

如果我没有使用正确的 MIME 类型提供字体，或者从 CDN(或任何外部服务器)提供字体而没有正确的 CORS，我会看到某些浏览器(主要是 Firefox iirc)报告 404 错误 header 。不确定这是否是您的问题，但值得一看

这是 mime 类型信息:http://somethinginteractive.com/blog/2012/06/04/proper-mime-types-for-embedded-font-face-fonts/

和 CORS:https://developer.mozilla.org/en-US/docs/HTTP/Access_control_CORS (Access-Control-Allow-Origin 就是你想要的)

希望对你有帮助