欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

阿里巴巴字体图标库

程序员文章站 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、效果

阿里巴巴字体图标库