官網:iconfont-阿里巴巴矢量圖標庫iconfont-國內功能很強大且圖標內容很豐富的矢量圖標庫，提供矢量圖標下載、在線存儲、格式轉換等功能。阿里巴巴體驗團隊傾力打造，設計和前端開發的便捷工具http://www.iconfont.cn

使用方法：

1.??注冊賬號

2.? 登錄后可搜索自己想要的字體圖標

3.? 例如：搜索weibo

4.??鼠標滑到自己想要的圖標后，點擊第一個購物車圖形

?

5.??可在右上方的搜索框搜索下一個自己想要的圖標，并加入購物車。

6.??選擇完畢后，點擊右上方的購物車圖樣

7.??然后點擊添加至項目

8.??點擊“加入項目”’右邊的圖樣，該圖樣表示新建一個項目

9.? ??輸入新建項目的名字,點擊確定

10.??在彈出的界面中點擊“暫無代碼，點此生成”

11.? 雙擊出現的鏈接

12.??將彈出的界面的代碼全部復制，粘貼放入一個新建的css文件中

13.???在html文件中引入該新建的css文件

14.??復制彈出字體圖標代碼界面的網址：

15.??同樣將該網址引入html文件中

16.??如下圖所示，將“iconfont” 和所需要引入的字體圖標前的名字復制

17.??放入div中

?

18.??字體圖標的樣式可在原來復制粘貼圖標代碼的css文件（如第16條下的圖片）中直接修改，也可另建一個新的css文件，在其中修改

以第17條下的圖片為例，展現出來的效果：

?

?

?

</article>

總結

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

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