-
问题描述
官方CDN:引入并使用图标字体无异常
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <script src="https://unpkg.com/element-ui/lib/index.js"></script>
将以上js和css地址复制到浏览器地址栏,下载到本地并使用,图标字体丢失
<link href="./static/css/element.css" rel="stylesheet" /> <script src="./static/js/element.js"></script>
-
解决方案
进入
https://unpkg.com/browse/[email protected]/lib/theme-chalk/fonts/
,下载以下文件(官方字体图标),并在本地新建fonts
文件夹,将下载的文件粘贴到fonts
文件夹内。
进入
elementUI
的css文件,通过https://unpkg.com/element-ui/lib/theme-chalk/index.css
获取,搜索关键字@font-face
,找到如下所示,并根据刚才下载的文件的所在位置修改路径即可。
ElementUI使用本地CDN时文件图标字体无法正常显示的解决方法
猜你喜欢
转载自blog.csdn.net/weixin_41545048/article/details/114023822
今日推荐
周排行