所以你要做的是...在字体文件文件夹中放置一个htaccess文件,其中包含以下内容。
<FilesMatch "\.(ttf|otf|eot|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
也是在远程CSS文件,字体-face声明所需要的字体文件(不需要在本地CSS文件)的完整的绝对网址:
例如
@font-face {
font-family: 'LeagueGothicRegular';
src: url('http://www.mysite.com/css/fonts/League_Gothic.eot?') format('eot'),
url('http://www.mysite.com/css/fonts/League_Gothic.woff') format('woff'),
url('http://www.mysite.com/css/fonts/League_Gothic.ttf') format('truetype'),
url('http://www.mysite.com/css/fonts/League_Gothic.svg')
}
这将解决问题。需要注意的一点是,您可以准确指定应允许哪些域访问您的字体。在上述htaccess的我已经指定了每个人都可以访问我的字体与"*"
但是你可以限制它:
单个URL:
Access-Control-Allow-Origin: http://yoursite.com
或逗号分隔的URL列表
Access-Control-Allow-Origin: http://yoursite.com,http://anothersite.com
(当前实现中不支持多个值)
来源
2011-02-15 20:28:01
Ash
您不必使用完整路径。假设您将'fonts'文件夹保存在与.css文件相同的目录中,那么简单的`url('/ fonts/League_Gothic.woff')格式('woff')`就足够了。 – StrayObject 2011-12-14 14:03:01
此解决方案也适用于跨域.ajax请求!太好了! – Isaac 2011-12-14 15:20:09