3

我font-face在我的本地主机上使用 CSS3 属性，并在我的网站上托管了一个字体以加载到本地网页上。它可以在 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 或 IE）浏览器上看到这个小提琴来演示我的意思。
http://jsfiddle.net/66QE3/1/

我错过了什么？

4

2 回答 2

5

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 访问控制 (CORS)。

于 2013-01-11T13:35:01.210 回答
0

我在 Web 应用程序中遇到了与WOFF字体格式类似的问题，结果发现问题是由于我的服务器无法识别（因此不提供）application/x-woff文件请求。

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

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

于 2013-01-11T13:53:40.960 回答