創建一個項目
下一步
把鏈接里面的代碼 全部拷貝起來，引入項目當中 ，放在 style中，創建一個 icon.less文件
使用
在 HTML中引入 icon圖標庫
最近練習前端頁面的渲染，加強一下自己的html與css技術，其中就涉及到引入圖標的問題。這里我主要演示一下引入iconfont-阿里巴巴圖標：https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2
1，網站搜素想要的圖標：
2，選擇自己中意的圖標，鼠標放在圖標上面，如果只是想要圖片的話，選擇下載，然后在圖標下載頁面，選擇對應的樣式，下載即可。
3，選擇自己中意的圖標，鼠標放在圖標上面，如果想要在html中以class文件引入的話，則需要，選擇加入購物車圖標，
然后點擊購物車圖標，點擊頁面加入到項目，
這里注意需要登錄iconfont，有自己新建的項目。
把自己想要的圖標全部加入完成后，按照箭頭指示下載即可。
下載完成后，解壓，把文件放在html對應的文件中，然后在html頁面中引入iconfont.css樣式文件：
<link rel="stylesheet" href="font/iconfont.css" type="text/css">
引入對應的class文件樣式下面是代碼示例：iconfont是必須要加入的 icon-qq是對應的iconfont中對應的圖標文件。
<li><i class="iconfont icon-qq"></i></li>
以后如果想要在引入想要的圖標，在iconfont.css中引入即可，至此就完成了html中引入iconfont樣式文件的引入。