小程序中使用阿里字体图标

相信有这个需求的都在其他项目中用过阿里图标,所以这里就跳过怎么去找阿里图标。

1、

找好了图标之后,直接下载到本地

 

2、

点击查看在线连接

复制代码

 

3、

将刚才下载好的字体图标项目解压,找到 iconfont.css ,打开,然后上一步复制的代码覆盖下图红线部分

 

4、

将修改后的 iconfont.css 全部内容复制到 wxss 中,然后在 wxml 中使用该图标类名即可

<text class='iconfont icon-shoucang1' style='font-size:36px; padding:0 40rpx;'></text>
<text class='iconfont icon-tubiao212' style='font-size:36px; padding:0 40rpx;'></text>

效果

发布了63 篇原创文章 · 获赞 18 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/samfung09/article/details/85252548