iconfont直译是字体图标，没错它就是。只要做过网页的筒靴们肯定知道它是什么。
之所以叫字体图标，就因为我们可以把这样的图标当做字体一样设置样式。
- 百度iconfont,找到阿里巴巴矢量图标库官网,然后注册登录。
地址：https://www.iconfont.cn/?spm=a313x.7781069.1998910419.d4d0a486a
- 在搜索框中输入即可。
选择你想要的图标，当你鼠标悬浮上去的时候，点击第一个添加入库：
选择右上角的购物车，点击购物车图标，选择添加至项目：
如果没有项目，需要先创建项目。
输入项目名称，点击确定。
这时就进入了下图页面，你可以做相关编辑，比如说修改项目名称等等：
同样方式可以添加其它的图标
将打包好的字体文件下载到本地添加到你的项目中,在项目中引用文件中的iconfont.css文件;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
</head>
<body>
<span class="iconfont icon-dizhi"></span>地址图标
</body>
</html>
运行效果：
欢迎大家阅读，本人见识有限，写的博客难免有错误或者疏忽的地方，还望各位指点，在此表示感激不尽。文章持续更新中…
376
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
