Question

我在我的localhost上使用CSS3 font-face属性，并在我的网站上托管了一个字体，以便在本地网页上加载。它适用于IE和Chrome，但不适用于Firefox。奇怪的是，当我使用本地URL时，它也适用于Firefox。

//Works with local URLs like http://localhost/repo/BMitra/BMitra.*
@font-face {
  font-family: "BMitra";
  src: url("http://fonts.gexek.com/repo/BMitra/BMitra.eot");
  src: local("☺"),
       url("http://fonts.gexek.com/repo/BMitra/BMitra.woff") format("woff"),
       url("http://fonts.gexek.com/repo/BMitra/BMitra.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

我认为在本地主机上工作可能是问题，但我发现Google字体也在本地主机上正常工作。

你可以在你的Firefox和（Chrome OR IE）浏览器上看到这个小提琴，以证明我的意思 http://jsfiddle.net/66QE3/1/

我缺少什么？

Answer 1

Firefox错误控制台说：

downloadable font: download failed (font-family: "BMitra" style:normal 
weight:normal stretch:normal src index:1): bad URI or cross-site access
not allowed
source: http://fonts.gexek.com/repo/BMitra/BMitra.woff

要使用来自其他域的可下载字体，托管该字体的服务器应具有允许该字体的跨站点访问设置，请参阅HTTP access control (CORS)。

Answer 2

我在Web应用程序中遇到了与 WOFF 字体格式类似的问题，结果发现该问题是由于我的服务器无法识别（因此没有服务）{{1}的请求文件。

如果您的网站托管在Windows IIS上，请尝试使用本教程：http://www.projectseven.com/tutorials/servers/iis-woff/index.htm

否则，这个问题可能很方便：MIME Type for WOFF Fonts

firefox不会使用font-face属性将字体加载到localhost

2 个答案: