在Vue中使用 阿里iconFont

1.新建項目 (這樣方便后期維護圖標庫)

1.1).項目名稱, 如果是多位伙伴共同需要這個圖標庫,可以通過用戶名的方式添加到 “ 協作者 ”

2.把需要的圖標添加到購物車 并 添加到項目

3.這里有 在線鏈接 和 下載到本地兩種方式

3.1)由于這個庫中已經有了圖標,再次添加會提示更新在線鏈接

3.2)點擊復制鏈接 (在 link 引入時 需要添加 http:// 前綴)

3.3)本地引入 (最好使用相對路徑 ?./ ? )

4.本地引入 (最好使用相對路徑 ?./ ? )

4.1).標簽寫法


4.2).靜態(tài)資源類型文件,需要放到 static 這個文件夾 ( ps:被坑了一下午各種調試 )

如果圖標不能正常顯示 注意查看路徑是否正確 , 瀏覽器緩存是否清除。


第一次分享,希望能幫助到各位。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容