深圳互联网产品服务商-飞鹿网站建设公司

深圳网站建设,网站设计,网站制作,SEO优化,网站改版首选飞鹿网站建设公司  

深圳网站建设,网站建设,建站公司,网站制作,网站设计

0755-2870 8984
首页 > 新闻中心 > 设计师分享

使服务器Nginx(或者Apache)支持woff2等字体文件

日期:2020-04-02 15:43:28

其次设置CORS headers-仅当你从不同域下获取字体文件或者html页面的时候。(*注意:如果你没有设置CORS headers信息,你可以直接把字体文件(路径)嵌入到CSS样式中。如果你去fontello网站下载到本地的话fontello.css中就已经这样做好了)
下面介绍两大主流服务器的字体支持配置:

AddType application/font-sfnt otf ttf
AddType application/font-woff woff
AddType application/font-woff2 woff2
AddType application/vnd.ms-fontobject eot

<FilesMatch ".(eot|ttf|otf|woff|woff2)"> Header set Access-Control-Allow-Origin "*" </FilesMatch>

搜索.eot,并在下它的设置下添加下面几行:

application/font-sfnt otf ttf;
application/font-woff woff;
application/font-woff2 woff2;
application/vnd.ms-fontobject eot;

location ~* \.(eot|otf|ttf|woff|woff2)$ {
add_header Access-Control-Allow-Origin *;
}

作者:yypsober
来源:CSDN
原文:https://blog.csdn.net/yypsober/article/details/52012577
版权声明:本文为博主原创文章,转载请附上博文链接!

飞鹿设计是深圳一家专业的高端品牌网站建设公司(www.fely.cn),拥有资深团队与多年建站经验,提供网站建设,网站制作,网站设计,SEO优化,微信营销,小程序开发等服务,助力企业品牌价值迅速提升。热线: 13418863282(微信同号)/28914349