小程序中想使用字体图标其实很简单:
第一步:首先在阿里巴巴矢量图库https://www.iconfont.cn/search 里面下载你想要的小图标:
下载时选择svg下载:
第二步:打开 https://icomoon.io 把你刚刚下载的svg拖拽到这里:
第三步:在线转换base64编码字体,打开 https://transfonter.org/ :
下载完成后你会得到第二个文件夹,解压:
接下来就可以使用了:
注意: 字体图标就相当于字体直接用font-size控制大小,color控制颜色就可以
// wxml结构文件:
<view class="icon-copy"></view>
// wxss样式文件:
.icon-copy {
font-size: 30px;
color: #000;
}