阿里字体图标的使用

2019/12/24 17:01 分类：技术交流浏览：0

在网页中我们经常看到类似这样的场景：

以上的这些位置的小图标，以前我们可以使用精灵图来制作，现在我们可以使用字体图标来制作。字体图标的本质是字体，大家可以在网上搜索，会找到很多字体图标库，今天我以阿里巴巴字体图标库为案例来给大家介绍使用方法，一起来看看吧。

首先百度搜索：

点击网址转到官网：

输入要查找的图标的名称：

选择需要图标，并添加到库中。

接下来新建项目

接下来下载图标：

解压下载的压缩包：

把文件夹改名为font,并拷到项目中：

接下来在浏览器中运行：demo_index.html文件：

参考使用步骤，使用图标：

自定义样式测试：

以上就是字体图标的使用过程，字体图标使用的越来越多，希望这篇文章能给你带来帮助。

#标签：图标,阿里图标