iconfont阿里巴巴矢量圖標庫使用步驟

1.注冊賬號
2.選中圖標，添加到購物車

點擊購物車，將圖標添加到項目

3.在我的項目中，點擊下載至本地

4.解壓download.zip壓縮包，并將解壓出來的文件名改成font

5.將font文件夾添加到項目中

6.在style中插入如下代碼

@font-face {font-family: 'iconfont';src: url('./font/iconfont.woff2?t=1635864529995') format('woff2'),url('./font/iconfont.woff?t=1635864529995') format('woff'),url('.font/iconfont.ttf?t=1635864529995') format('truetype'); } .iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }

7.使用圖標的話，先使用這個樣式class=“iconfont”,如果圖標過小，可以在加一個aa樣式。
然后使用圖標的代碼即可。

8.運行html,瀏覽器中看效果

總結

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

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