Question

所以，我已经尝试了一切让@ font-face在Mozilla Firefox 3.6中运行。问题是我很确定这是因为我想在我的Tumblr博客上使用@ font-face，所以我在Tumblr上传器上传字体。

@font-face {
font-family: feel_scriptregular;
src: url(http://static.tumblr.com/3fk4soa/zKcm8o1y2/feel_script.otf);
src: url(http://static.tumblr.com/3fk4soa/IyZm8o1sa/feel_script-webfont.eot?#iefix) format(embedded-opentype),
     url(http://static.tumblr.com/3fk4soa/wgFm8o1tk/feel_script-webfont.woff) format(woff),
     url(http://static.tumblr.com/3fk4soa/wlLm8o1us/feel_script-webfont.ttf) format(truetype),
     url(http://static.tumblr.com/3fk4soa/tofm8o1vl/feel_script-webfont.svg#feel_scriptregular) format(svg);
}

它不适用于双引号（“），单引号（'）或没有任何引号，我不知道该怎么做..：/

Answer 1

这是跨域字体问题：它们必须位于同一域或必须有HTTP标头“Access-Control-Allow-Origin”

nginx解决方案 - https://gist.github.com/1131897＆amp; https://serverfault.com/questions/186965/how-can-i-make-nginx-support-font-face-formats-and-allow-access-control-allow-o

因此，只需将您的字体上传到您自己的托管中，然后修复您的apache / nginx即可设置正确的标头。

Answer 2

这是一个跨域名，您无法从自己的子域访问static.tumblr.com。我之前通过在css中嵌入字体来解决这个问题。如果您转到this generator并选择专家选项，则可以勾选“Base64 Encode”框，它将在tumblr上运行，因为.woff和.tft数据是css的一部分。

@ font-face不能与Mozilla Firefox一起使用？

2 个答案: