官網(wǎng):iconfont-阿里巴巴矢量圖標庫
代碼應(yīng)用中,有許多方法,如何使用該圖標庫。如,icon單個使用、unicode引用、或 font-class引用(推)、symbol(svg合集)。本文主講 font-class 方法。
font-class引用
支持ie8+,及所有瀏覽器
1. 獲得項目下面的 fontclass 代碼
加入庫 -> 選擇完所需的圖標后,右上角的購物車 -> 添加到項目 -> 自動跳轉(zhuǎn)至 我的項目,點擊Font class -> 點擊復(fù)制代碼(!!這個才是你項目的代碼)
2.? 在項目的 index.html 文件中導(dǎo)入,鏈接為1.中的fontclass代碼
<link rel="stylesheet" href="fontclass代碼" />
文章來源:http://www.zghlxwxcb.cn/news/detail-706658.html
3. 使用 - 在頁面中,使用?<i class='iconfont icon-xxx'></i> 進行應(yīng)用(其中,iconfont是基礎(chǔ)樣式類名,icon-xxx是具體目標類名)
?文章來源地址http://www.zghlxwxcb.cn/news/detail-706658.html
到了這里,關(guān)于vue中 字體圖標引入 - iconfont阿里字體圖標庫的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!