Font Awesome-一套绝佳的图标字体库和 CSS 框架

介绍/使用：

http://fontawesome.dashgame.com/

菜鸟教程：

http://www.runoob.com/font-awesome/fontawesome-tutorial.html

官网：

https://fontawesome.com/

GitHub:

https://GitHub.com/FortAwesome/Font-Awesome/

Font Awesome 为您提供可缩放的矢量图标，您可以使用 CSS 所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。

 一个字库，675 个图标

仅一个 Font Awesome 字库，就包含了与网页相关的所有形象图标。

 无需依赖 JavaScript

Font Awesome 完全不依赖 JavaScript，因此无需担心兼容性。

 无限缩放

无论在任何尺寸下，可缩放的矢量图形都会为您呈现出完美的图标。

 如言语一般自由

Font Awesome 完全免费，哪怕是商业用途。请查看许可。

 CSS 控制

只要 CSS 支持，无论颜色、大小、阴影或者其它任何效果，都可以轻易展现。

 高分屏完美呈现

Font Awesome 的矢量图标，将使您的网站在视网膜级的高分屏上大放异彩。

 完美兼容其它框架

尽管是为 Bootstrap 设计，但 Font Awesome 同样能与其它框架完美协同运作。

 可用于桌面系统

用于桌面系统，或需要一套完整的矢量图，请查看备忘。

 可适配于屏幕阅读器

与其它字体不同，Font Awesome 不会影响屏幕阅读器正常工作。

如何使用？

CDN：

https://www.bootcdn.cn/font-awesome/

中文教程：

http://www.fontawesome.com.cn/

将

1
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">

添加到网页的前即可。

找到你想要的图标，

https://fontawesome.com/icons?d=gallery

在你需要的位置添加即可。

1
class="fab fa-angular">i>