uniapp使用iconfont

1.在iconfont上選取需要的圖標放置在項目里

2.下載圖標並解壓文件

　　　　

獲得如下目錄

 

打開項目在static目錄下創建font目錄並把圈出來的文件放在font目錄下

 

 

 

3.打開iconfont.css復制代碼到App.vue的style中，並修改url路徑，在路徑前加~@/static/font/

 

 

 

 

 4.在項目中使用圖標

打開下載文件中的demo_index.html

 

 

在Fonet class找到要使用的圖標，復制下面的.icon-zhengcefagui1

 

 

 

 

 

 代碼中使用（注意前面要加iconfont 而且icon-chaxun1前面不要加 .）

<view class="nav">
            <view class="nav_item">
                <view class="iconfont icon-chaxun1"></view>
                <text>我要寫信</text>
            </view>
</view>