网站使用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配置

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

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

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

posted @ 2024-12-15 19:31  Akweb  阅读(216)  评论(0)    收藏  举报