Nginx跨域使用字体文件的配置方法

(编辑:jimmy 日期: 2024/12/26 浏览:2)

今天在使用子域名访问根域名的CSS时,发现字体无法显示,在确保CSS和Font字体的路径加载无问题后,基本确定是因为跨域的问题。

通过Nginx模块HttpHeadersModule来添加Access-Control-Allow-Origin允许的地址。

解决方法

在Nginx的conf目录下修改nginx.conf或者vhost下对应的domain conf,添加以下代码:
复制代码 代码如下:
location ~* \.(eot|ttf|woff)$ {
add_header Access-Control-Allow-Origin *;
}

更详细的Nginx的跨域配置,请查看下面的文章。

Wide-open CORS config for nginx

一句话新闻

高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。