element-icons.ttf element-icons.woff 在cdn上报404

vue2项目打包之后，经常会把一些比较大的库放到cdn上，笔者在使用element时候，element图标显示乱码，经过3个小时调试，终于解决

https://unpkg.com/element-ui@2.15.13/lib/theme-chalk/index.css

点击上述链接，进入页面之后，复制页面内容到IDE


由于上述红框内没有加载成功，导致图标显示异常。

解决办法：

在https://unpkg.com/element-ui@2.15.13/lib/theme-chalk/找到fonts文件夹


打开fonts文件夹，将element-icons.ttf element-icons.woff文件单独上传到cdn

修改font-face的url地址为cdn地址

然后，将index.css重新上传到cdn即可解决

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容