Font Awesome 图标

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"/>

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

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> 元素广泛用于图标。
• 如果更改图标容器的字体大小或颜色，图标会更改。
• 如果你的图标在顶部和底部被切断，请增加行高。