element-ui自带的字体图标显示不出来怎么搞？

Question

在html中引入element-ui的js（最简单的那种写法），不配合任何框架，element-ui自带的字体图标显示不出来怎么搞？我已经下载ttf/wof文件到css目录下的font文件夹里面了

Answer 1

不是font文件夹，是fonts文件夹，关于这个字体丢失的问题我说详细点，大家可以看得明白些，在css里面看源码，fonts文件夹也要在css那个目录里

如果目录也对的，就看看css版本和fonts是不是一个版本里的，别搞乱了，我是直接在其他vue项目的node_modules里拷贝出来的，可以在node_modules的找到element-ui的文件夹，拷贝lib里面的index.js,拷贝lib/theme-chalk下面的index.css和fonts文件夹，页面引入index.css和index.js就可以使用了；不在node_modules拷贝也可以在https://unpkg.com/browse/elem...，注意选好自己要的版本，目录和node_modules里的一致，一共四个文件，别搞少了

如果上述都是正确的，看下字体css有没有被别的样式覆盖，有时候可能被页面里写的font-family给覆盖了,下图就是被覆盖了字体，这是我遇到过的坑，说出来都是泪