Vue2项目本地使用iconfont
💡
原文中文，约4400字，阅读约需11分钟。
📝
内容提要
在Vue2项目中，若图标无法加载且项目仅在局域网内使用，可以将图标库本地化。对于单个图标库且有权限的情况，直接下载并本地引用。若有多个图标库且无权限，需手动下载CSS和字体文件，转换为Base64格式后本地引用。注意每个字体文件需单独处理，避免覆盖。
🎯
关键要点
- 在Vue2项目中，图标无法加载时可将图标库本地化。
- 若只使用一个iconfont图标库且有权限，直接下载并本地引用即可。
- 若有多个图标库且无权限，需手动下载CSS和字体文件并转换为Base64格式。
- 每个字体文件需单独处理，避免覆盖。
- 在index.html中修改CSS文件的引用路径为本地路径。
- 下载字体文件后，建议转换为Base64格式以提高兼容性。
- 在iconfont.css中，@font-face的引用需分别处理，避免多个字体文件覆盖。
➡️
