Font Awesome 是一套绝佳的图标字体库和CSS框架。
Font Awesome 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式。
要使用Font Awesome图标，请在HTML页面的head部分中添加以下行：
1、国内推荐 CDN：
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
2、海外推荐 CDN
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
3、直接下载到本地
- 不太建议下载来安装，直接在 html 文档头部引用 CDN 文件即可。
- 本文使用的是 4.7.0 版本。
4、注意事项
Font Awesome设计为与内联元素一起使用。<i>和<span>元素广泛用于图标。- 如果更改图标容器的字体大小或颜色，图标会更改。
- 如果你的图标在顶部和底部被切断，请增加行高。