elementui下载图标-ElementUI本地引用js、css图标不显示问题

本文主要介绍elementUI本地js和css图标不显示的问题。 对于目前你搜索的问题还是有很好的参考价值的。 希望编程之家小编整理的内容对您有所帮助。 如果有错误或没有充分考虑的事情，请告诉我。

图标在项目中很有用elementui下载图标，但是遇到了一些问题，所以这里只记录一下

1.按照官方文档，使用CDN安装方法：（缺点是没有网络无法加载）

2、离线模式下载两个文件后，导入后不显示图标

3、原因是本地index.css中发现图标路径问题：

@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
}　　

然后，直接去下载（@2.14.1/lib/theme-chalk/fonts/），下载完后，在css目录下创建一个fonts文件夹，放进去之后，还是会出现警告，并且突变不会显示，见右图：

4、最终解决方案：

找到一个空目录，然后通过npm安装形式下载element-ui，如图

然后进入：E:Desktopewqenode_moduleselement-uilibtheme-chalkfonts目录找到字体文件elementui下载图标，直接复制到css --> fonts中：