首次添加iconfont和在已有iconfont文件中新增不同iconfont项目图标_iconfont添加新图标

文章目录

• 首次添加iconfont
• • font-class 引用方法一
  • • • 1. 点击下图连接保存css文件到本地，让后引入
      • 2. 使用
  • font-class 引用方法二
  • • • 1. 设置带颜色图标
      • 2. 之后下载文件包到本地
      • 3. 引入项目 如果是veu可以把解压后文件放在public文件目录下，使用link标签引入html中
• 可能有的问题
• • • • 1. 如下图图标上出现斜线，应该是设置了默认样式，注释即可
• 在已有iconfont文件中新增不同iconfont项目图标
• • • • 1.下载压缩包解析
      • 2.修改图片中三个文件名字
      • 3,把修改过的文件放入已经有的iconfont文件中
      • 4. 把iconfont.css中内容引入原本文件

---

首次添加iconfont

• font-class 引用方法一

1. 点击下图连接保存css文件到本地，让后引入

2. 使用

• font-class 引用方法二

1. 设置带颜色图标

2. 之后下载文件包到本地

3. 引入项目 如果是veu可以把解压后文件放在public文件目录下，使用link标签引入html中

可能有的问题

1. 如下图图标上出现斜线，应该是设置了默认样式，注释即可

在已有iconfont文件中新增不同iconfont项目图标

1.下载压缩包解析

2.修改图片中三个文件名字

修改前:

修改后:

3,把修改过的文件放入已经有的iconfont文件中

4. 把iconfont.css中内容引入原本文件