阿里矢量圖簡單css 用法


一、阿里矢量圖的網址:http://iconfont.cn/,截止到發稿共有1,094,241個圖標。

二、使用:

輸入自己想找的圖標,搜索,例如我搜索home,出現了許多圖標 ,將選好你要用的所有圖標加入購物車,()

如圖:

 

 

 

 在購物車里是你選好的所有圖標:

 

 點擊下載代碼

 

 在你的頁面中引入壓縮包里的這個css文件

並用瀏覽器打開壓縮包里的這個html文件

然后選擇頁面中的font-class選項如圖:

 

 下面是對應的圖面名字

使用方法 如下:

第一步:引入項目下面生成的 fontclass 代碼:

<link rel="stylesheet" href="./iconfont.css"> 

第二步:挑選相應圖標並獲取類名,應用於頁面:

<span class="iconfont icon-xxx"></span> 

" iconfont" 是你項目下的 font-family。可以通過編輯項目查看,默認是 "iconfont"。

 

 


免責聲明!

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



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