iconfont字体图标的使用

第一次添加字体库图标

1. 登录iconfont后选择需要的图标添加到购物车

2. 点击购物车点击下载代码
   

3. 会下载一个压缩包，把他进行解压，使用字体图标文件
   

4. 我们直接使用到的只有iconfont.css这个文件，iconfont.css依赖其他是字体图标文件

5. 把其他字体文件统一放到font文件夹中，方便管理
   

6. 引入字体图标使用
   
   iconfont.css
   
   配合示例食用，效果更佳
   

给已有项目追加字体图标

如果项目之前已经添加了一些字体图片，就需要找到该项目图标库的管理人员把你添加到项目中，然后选择好图标添加到购物车，点击购物车添加到项目

1. 选择好图标添加到购物车
2. 点击购物车添加到项目
3. 点击下载到本地
4. 最后按照第一次添加字体库图标操作
   注意：给已有项目追加字体实际上是重新覆盖所有字体文件，所以如果项目之前有自定义的部分需要重新自定义一次
   例如：
   项目地址: [https://www.iconfont.cn/manage/index?spm=a313x.7781069.1998910419.17&manage_type=myprojects&projectId=2761671&keyword=&project_type=&page=]

进入阿里字体项目中->选择"Font class"->下载至本地并解压

把解压后的iconfont.css 和iconfont.ttf放入/src/assets/font目录中,并修改iconfont.css(t=1639815776050 根据引入的图标变化)
这部分代码就是自定义的部分

 css
  @font-face {
    font-family: "iconfont";
    src: url('@/assets/font/iconfont.ttf?t=1639815776050') format('truetype');
  }

使用：< view class=“iconfont icon-xiaochengxu”></ view>