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/[email protected]/lib/theme-chalk/fonts/ 去下载这两个文件
2.在和element-index.css同级目录下创建文件夹fonts,将这两个文件放进去
3.如果执行上面这两步后还是不能显示，那可能是你下载这两个文件的版本太低了，选择最新版本下载替换即可