字体跨源访问的坑

今天更换了 CDN 地址。在测试的时候,才注意到几个博客的字体图标不能正常显示。一看,用 @font-face 的自定义字体都不加载了。Chrome 下有明显的红色错误,Firefox 则要注意点才发现字体没有加载。

去网上搜索了一下,还以为是自己的问题。以为是 Windows 10 这边没有开启自带防火墙导致字体文件不下载了。然而做个试验,就很容易就排除本机的问题了。我又以为是因为我的字体缺失,可是又没有 404 错误,手动打开也没问题。

终于意识到可能是跨源政策的问题。一查,果然像字体这样的东西,跨源是受到限制的。于是在 CDN 设置了允许跨源,终于解决了这个问题。

Try Ctrl+Enter :)