Ionic2實戰(zhàn)-如何使用阿里字體圖標(biāo)庫

前言

字體圖標(biāo)以其易于使用、加載高效等特性成為前端開發(fā)越來越常用的Icon解決方案，Ionic2框架也附帶了豐富的字體圖標(biāo)庫，大部分情況下都夠我們使用。但APP的開發(fā)過程中還是會不可避免的出現(xiàn)需要自定義字體圖標(biāo)的需求。而阿里字體圖標(biāo)庫(http://www.iconfont.cn/)以其豐富的資源和便捷的使用方式很好的滿足了我們對字體圖標(biāo)的額外需求，今天就來講下阿里字體圖標(biāo)庫如何使用。

步驟

1、注冊阿里字體圖標(biāo)庫；
2、站內(nèi)搜索到想要的圖標(biāo)，然后將其添加到自己的站內(nèi)字體圖標(biāo)項目中；
3、搜集夠圖標(biāo)以后打開自己的字體圖標(biāo)項目；
4、點擊更新代碼

image.png

5、將下列CSS文件引入項目的index.html文件頭部

image.png

6、項目代碼中使用
<i class="iconfont icon-xxx"></i>

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

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容