码迷,mamicode.com
首页 > 其他好文 > 详细

使用阿里巴巴矢量图标库的图标

时间:2019-12-15 18:43:12      阅读:99      评论:0      收藏:0      [点我收藏+]

标签:osx   port   family   iconfont   font   class   项目   cal   巴巴   

首先百度阿里巴巴矢量图标库hhhh

然后找到在搜索框里搜索你要用的图标的形容词,然后找到心仪图标后加入购物车

技术图片

 

加入项目之后会是这样

技术图片

 

 

 点击那个点此生成,把生成的代码放进你的css文件里去,在下面加上

.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

最后把你的图标名字直接引入到你要放的地方即可

<span class="iconfont payer">&#xe61e;</span>

使用阿里巴巴矢量图标库的图标

标签:osx   port   family   iconfont   font   class   项目   cal   巴巴   

原文地址:https://www.cnblogs.com/fdd-111/p/12045099.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!