阿里云iconfont使用方法

在阿里巴巴矢量圖標中找到自己需要用到的icon圖標，并添加至購物車

打開購物車，將購物車中的圖標字體添加至我們的項目中

在我的項目中可以看到自己添加的圖標字體，點擊下載項目至本地

將下載的代碼放在CSS資源文件夾中

文件放到項目后，只需要引用iconfont.css這個文件即可；

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

最后一步肯定是調用了（有兩種調用方式）：

• 使用Unicode編碼

<i class="iconfont">&#xe715;</i>

• 使用CSS樣式

<i class="iconfont icon-gouwuche"></i>

CSS樣式的名稱和 Unicode編碼都可以在iconfont.css中找到（其中CSS名稱可以自己命名，Unicode編碼需要將 \ 改變為 &#x, 最后再加一個分號

iconfont.css文件內容解釋：

總結

以上是生活随笔為你收集整理的阿里云iconfont使用方法的全部內容，希望文章能夠幫你解決所遇到的問題。

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