下载iconfont到项目 普通项目 uniapp

下载iconfont到项目

零、前言

当我们做项目时，往往会需要用到一些小图标，而这些小图标，经常是去iconfont里找，下面简单介绍下如何把iconfont下载到自己的项目。
首先贴出iconfont官网网址： https://www.iconfont.cn/

一、在普通项目的使用方法

1、打开iconfont网站，搜索

2、把选择的图标篇点进购物车

3、打开购物车，把选择的图标加入到项目（没有就新建）

4、打开项目，下载图标到本地

5、下载文件后解压，并复制这几个文件

6、把文件粘贴到项目下的/src/assets/font

7、在使用的页面如此操作

二、在uniapp中的使用方法

1-4和上面一样

5.修改文件 iconfont.css

6.把文件粘贴到项目下的/src/assets/font

7.在页面中使用

<style lang="less">
  @import url('@/static/fonts/iconfont.css');
<style>

<button class="qrBtn" type="primary" @click="qrHandle()">
  <i class="iconfont icon-tianjia_3 font"></i>点击扫码</button>