字体图标跨域问题
下面介绍两大主流服务器的字体支持配置:
Apache
设置正确的 mime-type 来支持字体文件,将下面的设置加入到服务器配置文件中:
AddType application/font-sfnt otf ttf
AddType application/font-woff woff
AddType application/font-woff2 woff2
AddType application/vnd.ms-fontobject eot
如果你不能修改配置文件,那么就在你的项目下新建一个*.htaccess 文件,添加下面的设置:
设置 CORS headers 信息(已添加):
Header set Access-Control-Allow-Origin "*"
Nginx
Nginx 服务器默认是没有支持字体的 mime-type 设置的,并且对.eot 文件的 mime-type 也是不正确的。在配置文件夹下找到 mime-type 设置的地方。通常,在 mimes.types 文件下。搜索.eot,并在下它的设置下添加下面几行:
application/font-sfnt otf ttf;
application/font-woff woff;
application/font-woff2 woff2;
application/vnd.ms-fontobject eot;
对于 CORS headers 信息设置,添加下面的几行到你的 vhost 配置中:
location ~* \.(eot|otf|ttf|woff|woff2)$ {
add_header Access-Control-Allow-Origin *;
}