react引入阿里字體圖標iconfont

移動端開發過程當中，字體圖標幾乎是不可缺的，本文將介紹如何使用阿里字體圖標，已方便練手的時候使用。

第一步：製做字體圖標

一、首先進入阿里巴巴矢量圖網站：http://www.iconfont.cn/
二、經過搜索須要的圖片的關鍵字搜索圖標，如"購物車"

點擊回車鍵，選擇本身喜歡的圖標，添加入庫，點擊右上角的購物車圖標，以下如

點擊"下載代碼",將子圖圖標下載到本地電腦並進行解壓。

第二步：react項目中使用該字體圖標

一、在react項目的public文件夾下面建立iconfont文件夾，將以下文件放到iconfont文件夾下：

二、在public文件夾下的index.html引入iconfont.css，如

    <link rel="stylesheet" href="./iconfont/iconfont.css">
    
三、使用以下便可

    <i className="icon icon-qq"></i>