开启 HTTPS 之后 网站出现字体文件跨域的问题 请问如何解决？

[HSvng]

尝试过网上一些方法都不行...

[boluo]

作为一个懒人，我选择字体本地化…

[moonsola]

先说清楚尝试过哪些方法。难不成让大家一个一个猜？

[KasuganoSoras]

首先，字体文件存储的服务器必须也要支持 HTTPS
然后，如果字体所在的服务器和网站不是同一个域名，也就是跨域的话，需要在存储字体的服务器设置 Header
access-control-allow-origin
想省事一点的话就 access-control-allow-origin: *，但是人家可以直接跨域引用你的字体文件，当然如果你不担心自己流量爆炸的话……随意吧

[yangehappy]

字体文件是 http 还是 https

[duan602728596]

如果是 cdn 的话，换成 https 的地址啊

[phpcxy]

放七牛去~

[jifengg]

https 和跨域是两个不同的问题吧。我觉得你出现的问题应该是启用了 https 之后，浏览器不允许你加载非 https 的资源（ chrome 可以加载，但是会提示不安全，ios 貌似直接就不允许）。解决办法就是字体文件也换 https 的。

[Tink]

放自己服务器上

[flowfire]

字体不会有跨域问题，我觉得你最好贴一下报错代码或者截图，以及建议移动到 问与答 节点

[Sparetire]

字体在有些浏览器会跨域的，需要配 cors

[mandy0119]

https 跟跨域没关系把。 应该是之前使用的链接是 http，https 内是不允许使用 http 资源的

[davin]

楼主没有说清楚具体是什么样的字体，有的字体是有版权的，不可以放在服务器上进行引用。

[envylee]

我是把字体放在又拍云，七牛应该也一样，设置好调用域名的白名单；之后是去你自己服务器上写好 rewrite 规则就行；字体跨域的文章很多，你主要是检查下自己的规则有没有写对，你说找不到肯定是不存在的。

[envylee]

不过我觉得如果只是少数几个必须字体或者 iconfont 的话你完全可以把需要用到的部分提取出来合并成一个字体文件，然后格式选 woff2，压缩效果也还不错；

腾讯前端还是哪家去了也有现成的开源框架，如果是复用很高的字体的话他们还有 win 端的软件可以一次性提取生成新的 otf。