本地使用element ui 图标不显示或显示错乱的问题
官方使用方式
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/[email protected]/lib/theme-default/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/[email protected]/lib/index.js"></script>
本地使用方式,在浏览器地址栏复制以上https链接地址,打开即可获取css/js源码
在拷贝css js源码到本地目录的情况下,例如
<!-- 引入样式 -->
<link rel="stylesheet" href="./css/lib/element.css">
<!-- 引入组件库 -->
<script src="./js/lib/element.js"></script>
图标显示出现错误
解决方案
https://unpkg.com/[email protected]/lib/
在右上角可选择版本,请按照使用的版本选择相应的theme-chalk/fonts/ 目录中的woff文件,复制到本地css目录中的fonts文件夹即可
版本不一致可能会导致图标错乱
低版本的woff文件在theme-default文件夹内