ElementUI使用本地CDN时文件图标字体无法正常显示的解决方法

• 问题描述

  官方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，找到如下所示，并根据刚才下载的文件的所在位置修改路径即可。