阿里字體圖標的正確打開方式


我感覺阿里字體圖標分兩種使用:用別人的,用自己的。呵呵噠,自己的我還不會做,不過阿里的字體圖標種類多,基本都能覆蓋了。

一、偷別人的用

 步驟如下:

               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">&#xe608;</i>這里的&#xe608;復制的這里的:

 

至此萬事大吉;

以上是在線使用,還可以下載到本地使用:

獲取在線鏈接旁邊有個下載到本地,點擊下載

引入本地還有不好的地方,就是如果你增加新的圖標,還要重新下載引入

很難保證你需要的圖標,阿里圖標里面都有,可以自己做的。以后再補充,現在不會,阿里有相應的教程。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM