由于 CDN 域名与博客域名不同,Chrome 会有跨域风险提示,导致字体无法加载。解决方法:在阿里云 OSS 中添加 CORS 规则。
教程:https://help.aliyun.com/document_detail/31928.html
解决方法是,在 OSS 跨域设置中,添加一条 CORS 规则:
然后把 OSS 域名添加到允许的 Referer 列表中,否则会无法 GET。
说实话,Referer 设置没什么卵用,Header 真的是可以随意改。
当然,为了能 GET 到字体文件,你还需要先做一个回源设置。
这样就完成了,检查一下 OSS 文件,确实新增了 fontawesome 字体: