html 如何引入(iconfont)字體圖標和引入其他字體?


1.

iconfont字體圖標官網:https://www.iconfont.cn/
使用黑白字體圖標時:直接引入css,隨便寫一個標簽:<elem class="iconfont icon-xxx"></elem>

使用彩色字體圖標時:引入css和js,要使用svg的寫法,詳情可見demo
<svg class="icon">
<use xlink:href="#icon-xxx"></use>
</svg>

2.拓展

引入別的字體:
@font-face{
font-family: "自定義名稱";
src:url("字體路徑")
}

.xx{
font-family: "名稱";
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM