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

Krehizi
  • 15

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

回复
阅读 4.8k
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给覆盖了,下图就是被覆盖了字体,这是我遇到过的坑,说出来都是泪
图片描述

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏