阿里图标库使用（在线使用）

最新推荐文章于 2024-08-17 21:52:26 发布

小刘爱搬砖

最新推荐文章于 2024-08-17 21:52:26 发布

阅读量3.4k

点赞数 1

分类专栏：前端文章标签： html iconfont

本文链接：https://blog.csdn.net/chang100111/article/details/109049511

版权

前端专栏收录该内容

21 篇文章 2 订阅

订阅专栏

1.首先你需要准备一个github或者新浪微博账号用来登录（拥有阿里员工账号也可）
地址：https://www.iconfont.cn/
2.选择图标库，在搜索框选择需要搜索的图标
3.点击需要使用的图标并入库（如图所示）
在这里插入图片描述
4.点击右上角购物车按钮

5.将所入库图标添加至项目，若没有项目可以自己创建一个（创建项目按钮如图所示）

6.出现如图所示的界面，下面那个icon-arrow-right 调用这个图标（字体），点击查看在线链接
在这里插入图片描述
7.点击复制代码，将代码放到html文件的link中引入

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2124757_cfon37y7to5.css">
</head>
<body>
		<!--这里icon-arrow-right 换成你自己需要使用图标的class即可，前面iconfont不能丢-->
        <span class="iconfont icon-arrow-right"></span>
</body>
</html>