当前位置：网站首页>Remember using Ali Font Icon Library for the first time

Remember using Ali Font Icon Library for the first time

2022-04-23 17:48:00 【Sanxiaochi 513】

First step ： Go to Alibaba vector icon library Select the icon you want to add to the shopping cart and download the code

  The second step ：.ttf File transfer base64

Prevent link loss , The important contents are copied below

Online address conversion

The illustration ：

  The third step ： Copy transfer base64 I downloaded it after css File to your own project 

.iconfont {
	font-family: "iconfont" !important;
	font-size: 45rpx;
    color: #b65dff;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

Step four ： Use the font icon you want

        （1） Open the code downloaded in Alibaba for the first time json file

         （2） Project use （ Write a pseudo class ）

.icon-order-hall:before{
	content: '\e6cb';
}

        （3） Pseudo class content The value is json The corresponding icon in the file unicode value

                

版权声明
本文为[Sanxiaochi 513]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/04/202204230550325278.html

边栏推荐

猜你喜欢

随机推荐