我感覺阿里字體圖標分兩種使用:用別人的,用自己的。呵呵噠,自己的我還不會做,不過阿里的字體圖標種類多,基本都能覆蓋了。
一、偷別人的用
步驟如下:
1、在圖標庫里找自己想要圖標
找到以后,點擊圖標下方的購物車,然后這個圖標就放到暫存櫃了;
2、找到你需要的所有圖標都暫時放到暫存櫃里去,找齊了之后。點擊暫存櫃再點擊存儲為項目。然后到你個人里面找到你存的項目,一般存儲為項目之后自動跳轉到這個了,點擊獲取在線鏈接。
3、將復制的代碼粘貼到你的html頁面的樣式標簽里面,或者放到一個單獨的css表里,html再引入都可以的。只要字體標簽能找到就行;
4、還有一個東西別忘了:定義使用iconfont的樣式
.iconfont{
font-family:"iconfont" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;}
阿里自己的教程:http://www.iconfont.cn/help/iconuse.html
5、下面就可以使用了:
<i class="iconfont"></i>這里的復制的這里的:
至此萬事大吉;;
以上是在線使用,還可以下載到本地使用:
獲取在線鏈接旁邊有個下載到本地,點擊下載
引入本地還有不好的地方,就是如果你增加新的圖標,還要重新下載引入
很難保證你需要的圖標,阿里圖標里面都有,可以自己做的。以后再補充,現在不會,阿里有相應的教程。