【Django】關於使用阿里的iconfont

剛剛從看到課程里老師使用了阿里提供的矢量圖標iconfont.cn

我記錄一下基本步驟：

1.登陸iconfont.cn，搜索圖標

2.選中想要的icon點擊添加入庫，再從右上方點購物車，把icon添加到項目

3.進入到本身收藏的圖標庫（或者從圖標管理--個人項目下找）

4.我收藏庫裏，選擇font class方式（這種方式，圖標是放在阿里雲的），點擊圖標上那個更新代碼，就生成了一條連接，

5.把這個連接引入到本身的html：

<link rel="stylesheet" href="//at.alicdn.com/t/font_808642_71zswkrgl9l.css">

6.html裏用一個標籤方這個圖標，選中本身要的圖標--複製代碼，而後就能夠把代碼拷到本身那個html標籤的class中

<i class="icon-person-fill iconfont"></i> 

這裏iconfont是本身添加的，注意這個名字不能寫別的，必定是iconfont，由於我以前覺得這個類型能夠隨便命名，結果發現圖標沒法顯示的！！

而後在scss文件裏就能夠經過iconfont類來控制圖標大小等樣式

 

.iconfont{
    font-size:30px;  //注意icon大小就是用這個字體大小控制就能夠了，不須要分別設置寬和高
    color: white;
}

效果就如圖：

這個東西能夠說是很是方便了。其餘引用方式能夠參照官網上的使用幫助http://iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d8cf4382a&helptype=code