第一步:去阿里巴巴矢量图标库选择想要的图标加入购物车并下载代码
第二步:.ttf文件转base64
防止链接丢失,重要内容复制在下面
图解:
第三步:复制转base64后下载的css文件到自己项目
.iconfont {
font-family: "iconfont" !important;
font-size: 45rpx;
color: #b65dff;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
第四步:使用想要的字体图标
(1)打开第一次在阿里下载的代码的json文件
(2)项目中使用(写一个伪类)
.icon-order-hall:before{
content: '\e6cb';
}
(3)伪类的content值为json文件中对应图标的unicode值