用vue写了一个h5移动端页面,因为涉及到了很多动图所以用了腾讯云的CDN加速,但是出现了一个神奇的问题,图片类都可以使用CDN地址,但是字体文件浏览器却报了跨域错误

原因是:字体文件在CDN服务器上、项目部署在后端的服务器

然后
在这里插入图片描述
解决方法是:

将字体文件转成base64,这个网站可以转换
在这里插入图片描述
记得要把这个勾上

然后把里面的css,copy到自己的项目要用到的地方,就可以愉快的显示了