一、阿里矢量圖的網址：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"。

總結

以上是生活随笔為你收集整理的阿里矢量图简单css 用法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。