阿里图标库iconfont地址 iconfont-阿里巴巴矢量图标库https://www.iconfont.cn/
1、点击字体库选择字体
2、下载子集
3、 在项目里新建一个font目录,然后把字体包解压到这里
3、 在HTML页面的<head>里的<style>里加入以下代码
@font-face {
/* font-family: 自己定义的字体名; */
font-family:'ali';
/* url里是字体的路径 */
src: url("font/AlimamaDaoLiTi.woff")format("woff"),
url("font/AlimamaDaoLiTi.woff2")format("woff2")
}
4、<style>里继续加入以下代码,其中,.b是自定义的类选择器。
.b
{
font-family:'ali';
}
5、在HTML页面的<body>里的写一个div,使用阿里字体,
<div class="b">你好hello</div>
6、效果如下