本地使用element ui 图标不显示或显示错乱的问题

本地使用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>

图标显示出现错误

本地使用element ui 图标不显示或显示错乱的问题_第1张图片

解决方案

https://unpkg.com/[email protected]/lib/
在右上角可选择版本,请按照使用的版本选择相应的theme-chalk/fonts/ 目录中的woff文件,复制到本地css目录中的fonts文件夹即可
本地使用element ui 图标不显示或显示错乱的问题_第2张图片

版本不一致可能会导致图标错乱

低版本的woff文件在theme-default文件夹内

你可能感兴趣的:(element,坑)