谷歌如何绕过Firefox上的“无跨域自定义字体”

时间:2011-12-13 11:47:59

标签: css fonts cross-domain google-font-api

我希望在我们的网站上安装一个小的Webfont服务供我们的客户使用 我只是想知道Google如何绕过字体下载的跨域禁止问题?

修改 我把这个CSS放在服务器上:

@font-face {
   font-family: 'Fascinate';
   font-style: normal;
   font-weight: 400;
   src: local('Fascinate'), local('Fascinate-Regular'), url('http://www.site.com/fontkit/fonts/fascinate.woff') format('woff');
}

并将其导入localhost,如下所示

<link href='http://www.site.com/fontkit/style.css' rel='stylesheet' type='text/css'>

这不起作用 但是当我将字体网址更改为谷歌字体时,它可以正常工作。 像这样:

src: local('Fascinate'), local('Fascinate-Regular'), url('http://themes.googleusercontent.com/static/fonts/fascinate/v1/NnlsYos1mCtA9prs2JfnBT8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');

2 个答案:

答案 0 :(得分:0)

您可以从其他网站请求脚本和样式,同源策略禁止通过Ajax向其他域发送带有javascript的请求。

答案 1 :(得分:0)

.htaccess添加一些代码(在服务器上)解决了问题

<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
    Header set Access-Control-Allow-Methods "GET"
    Header set Access-Control-Allow-Credentials "false"
</IfModule>