下載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>