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