Font Awesome 4.7图标

Font Awesome 4.7是一套免费的图标字体库，包括了700多个图标。它们可以直接设置为HTML元素的样式，使页面更加美观。

如何使用

1. 在HTML文件的head标签中添加以下代码：

   <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
   

2. 在HTML文件中添加以下代码，设置元素样式：

   <i class="fa fa-图标名称"></i>
   

   其中，"fa"是固定的class，"图标名称"是具体的图标名称，可以在官方网站中查看。

示例

以下是一些常用的图标及其代码：

| 图标名称 | 代码 | 效果 | | ------------------------------ | ---------------------------------- | ------------------------------------------------ | | 搜索 | <i class="fa fa-search"></i> | | | 手机 | <i class="fa fa-mobile"></i> | | | 电子邮件 | <i class="fa fa-envelope"></i> | | | 博客 | <i class="fa fa-rss"></i> | | | 微信 | <i class="fa fa-weixin"></i> | | | 感叹号 | <i class="fa fa-exclamation"></i> | | | 下拉箭头 | <i class="fa fa-caret-down"></i> | | | 上传 | <i class="fa fa-upload"></i> | | | 下载 | <i class="fa fa-download"></i> | | | 编辑 | <i class="fa fa-pencil"></i> | | | 删除 | <i class="fa fa-trash"></i> | | | 禁用 | <i class="fa fa-ban"></i> | | | 保存 | <i class="fa fa-save"></i> | | | 设置 | <i class="fa fa-cog"></i> | |

总结

Font Awesome 4.7是一种方便易用的图标字体库，可以为网站和应用程序添加漂亮的图标效果，提升用户体验。在使用时，需要注意图标名称的大小写、空格等细节。