字体图标是什么？直接上图！
这是PC端的淘宝官网，我们看到购物车模块的左边有一个小车图标，这就是字体图标
那它到底是字体还是图标呢？
所以在一些可以使用字体图标的时候，我们尽量不去使用图片文件
接下来我们去实现一下怎么使用字体图标：
首先我们进入免费字体图标网站icomoon.com
点击右上方紫色按钮 IconMoon App
选择我们想要的图标，选好了点击右下方 Generate Font 按钮
这里就可以看到我们选择的图标了，接下来最后一步：再次点击右下角 Download 就可以下载了，下载好的是一个安装包，我们进行解压之后放到我们的项目文件夹里
index.html是我新建的HTML文件我们在HTML页面中引入调用它
引入CSS文件，引入完成之后进入字体图标的文件夹里，找到HTML文件，点击进入：
我们现在就可以看到我们刚才选择的字体图标的代号了，我们复制一下：
粘贴到<i>标签的class类名中（具体看下方代码）：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./icomoon/style.css">
<!-- 引入字体图标的CSS文件 -->
</head>
<style>
i{
color: #a52a2a;
font-size: 50px;
}
</style>
<body>
<i class="icomoon icon-mail4"></i>
<!-- 我们先给类名icomoon，一方面我们可以整体设计一下所有字体图标
另一方面人家网站是免费的，既然使用了就为他打个广告吧
-->
</body>
</html> 最后我们打开浏览器看一下效果：
是不是很有意思呀，既方便又好看
感谢观看，学习前端，关注小蜗
