当前位置：网站首页>记第一次使用阿里字体图标库

记第一次使用阿里字体图标库

2022-04-23 05:52:00 【三笑痴513】

第一步：去阿里巴巴矢量图标库选择想要的图标加入购物车并下载代码

 第二步：.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值

                

版权声明
本文为[三笑痴513]所创，转载请带上原文链接，感谢
https://blog.csdn.net/qq_60248719/article/details/123113274

边栏推荐

猜你喜欢

随机推荐