阿里巴巴字体图标库
程序员文章站
2024-02-14 09:58:34
...
阿里巴巴字体图标库
网址
https://www.iconfont.cn/
说明:搜索框支持拼音、英文
操作步骤
1、选择图标
2、点击购物车,进入如下界面
温馨提示:因为后面不确定是否还会修改所需图标,所以建议使用== 添加至项目==
3、进入项目
4、选择项目-选择Font Class-选择查看在线链接
5、点击复制代码
6、css文件
7、引入字体文件
全选css文件内容,复制内容到项目中,比如文件名称为:iconfont.css。
8、应用图标文件(验证)
8.1、引入字体文件
@import "./styles/iconfont.wxss";
8.2、使用
<text class="iconfont icon-gouwuche2">
</text>
8.3、效果
下一篇: 简述集成腾讯即时通讯sdk的流程