css - 未找到 TFF 和 WOFF webfonts 404

Question

使用 Firebug 检查时，我在 webfont 文件中找不到 404 文件。

@font-face {
  font-family: "Grotesk";
  font-style: normal;
  font-weight: normal;
  src: url('../../themes/brian2013/css/fonts/grotesk/altehaasgroteskbold-webfont.eot');
  src: local(Grotesk), url('../../themes/brian2013/css/fonts/grotesk/altehaasgroteskbold-webfont.eot?#iefix') format("embedded-opentype"), url('../../themes/brian2013/css/fonts/grotesk/altehaasgroteskbold-webfont.woff') format("woff"), url('../../themes/brian2013/css/fonts/grotesk/altehaasgroteskbold-webfont.ttf') format("truetype"), url('../../themes/brian2013/css/fonts/grotesk/altehaasgroteskbold-webfont.svg#Grotesk') format("svg");
}

我在这个网站上有其他字体可以完美运行。EOT 和 SVG 文件工作正常，我检查了其他两个文件的路径，它们对应。

Answer 1

检查您的 htaccess 文件以确保您具有正确的文件 MIME 类型。

例子

取自HTML5 样板

# Webfonts
AddType application/vnd.ms-fontobject  eot
AddType application/x-font-ttf         ttf ttc
AddType font/opentype                  otf
AddType application/x-font-woff        woff