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

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&https://serverfault.com/questions/186965/how-can-i-make-nginx-support-font-face-formats-and-allow-访问控制-允许邻

因此,只需在您自己的主机上传您的字体,并修复您的apache/nginx以保护正确的标头.