vue 使用element-ui的字体图标不显示的解决办法

如果是webpack的vue项目,直接引入import 'element-ui/lib/theme-chalk/index.css';字体图标就能显示


如果是传统的html使用,采用标签引入,先把 element-ui/lib/theme-chalk/index.css下载到本地再引入

不过你会发现字体图标显示不出来,控制台提示缺少fonts/element-icons.woff和fonts/element-icons.ttf


解决办法是到element官网下载这两个文件element-icons.woff,element-icons.ttf

1.到官网 https://unpkg.com/browse/element-ui@2.4.6/lib/theme-chalk/fonts/ 去下载这两个文件

2.在和element-index.css同级目录下创建文件夹fonts,将这两个文件放进去

3.如果执行上面这两步后还是不能显示,那可能是你下载这两个文件的版本太低了,选择最新版本下载替换即可


落魄前端-小陈
0
0
0
评论
浏览
收藏