非网络引用element-ui css导致图标无法正常显示的解决办法

官方推荐的CDN方式，通过 unpkg.com/element-ui 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用

于是我直接把这两个文件下载到本地，页面中直接在本地引用即可。但是运行后发现图标无法正常访问。F12发现请求不到icon文件：

原因：

在本地的index.css中发现如下代码是网络请求icon的

@font-face {
    font-family: element-icons;
    src: url(fonts/element-icons.woff?t=1472440741) format('woff'), url(fonts/element-icons.ttf?t=1472440741) format('truetype');
    font-weight: 400;
    font-style: normal
}

访问：https://unpkg.com/browse/[email protected]/lib/theme-chalk/fonts/

把这两个icons文件下载下来，放到本地即可。

参考：

https://blog.csdn.net/m0_37893932/article/details/79460652