网站使用CDN出现ttf woff等字体跨域问题解决方案

如果cdn域名+资源路径是可以通过浏览器url地址栏打开的

那么一般是因为nginx配置的原因,找到nginx的配置文件

添加以下代码:

# 允许指定域名访问;
location ~ .*.(eot|ttf|ttc|otf|eot|woff|woff2|svg)(.*) {
	add_header Access-Control-Allow-Origin http(s)://这里填写你的域名;
}

# 如果不行换这个
# 允许所有域名访问;
location ~ .*.(eot|ttf|ttc|otf|eot|woff|woff2|svg)(.*) {
	add_header Access-Control-Allow-Origin *;
}

宝塔面板直接添加到配置文件中,记得添加好后,要重载nginx配置

image.png

如果还不行,把上面的域名换成*号试一试,再不行就需要检查cdn配置

以腾讯云cdn举例,进入域名管理页面-选择高级配置-HTTP响应头配置-新增规则,按图选择即可,头部取值可设置为指定域名访问

例如:https://blog.upupd.com,https://www.upupd.com

设置好后记得刷新一下cdn缓存。

image.png

image.png

赞(0) 打赏
未经允许不得转载:建站相关 » 网站使用CDN出现ttf woff等字体跨域问题解决方案

评论 抢沙发

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏