css - 谷歌如何绕过 Firefox 上的“禁止跨域自定义字体”

Question

我想在我们的网站上有一个小型 Webfont 服务供我们的客户使用。
我只想知道谷歌是如何绕过字体下载的跨域禁止问题的？

编辑： 我把它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'>

这不起作用，但是当我将字体 url 更改为 google 字体时，它可以正常工作。像这样 ：

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

Answer 1

您可以从其他站点请求脚本和样式，同源策略禁止通过 Ajax 之类的方式向/从不同域发送使用 javascript 的请求。

Answer 2

添加一些代码到.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>