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: "名称";
}

 

posted @ 2021-08-16 12:58  rigorous  阅读(1155)  评论(0)    收藏  举报