QQ登录 账号密码登陆 官网首页

字体图标跨域问题

下面介绍两大主流服务器的字体支持配置:

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 *;

}