Font Awesome 图标学习笔记
什么是 Font Awesome？
Font Awesome 是一套开源的字体图标库，其中包含了大量常用的图标，可以供 Web 开发者使用。这些图标都是基于字体文件而创建的，因此具有良好的可缩放性和兼容性。
如何使用 Font Awesome？
-
下载 Font Awesome 的 CSS 和字体文件，可以从官方网站（https://fontawesome.com/）下载最新版本。
-
将 CSS 文件和字体文件分别放置到项目文件夹中的 css 和 fonts 文件夹中。
-
在 HTML 文件中引入 Font Awesome 的 CSS 文件：
Copy Code<link rel="stylesheet" href="css/font-awesome.min.css"> -
在页面中使用 Font Awesome 的图标，可以使用
<i>标签，并为其添加相应的 class：Copy Code<i class="fa fa-address-book"></i>
Font Awesome 常用图标示例
下面列举了一些常用的 Font Awesome 图标及其对应的 class：
- 搜索图标：
<i class="fa fa-search"></i> - 电子邮件图标：
<i class="fa fa-envelope"></i> - 手机图标：
<i class="fa fa-mobile"></i> - 心形图标：
<i class="fa fa-heart"></i> - 删除图标：
<i class="fa fa-trash"></i> - 购物车图标：
<i class="fa fa-shopping-cart"></i>
以上仅是一部分常用的图标，更多图标可以在 Font Awesome 的官方文档中查看。