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

Font Awesome

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

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

Github热门

一起来探索GitHub上最热门的项目吧！

 一个字库，675个图标

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

 无需依赖JavaScript

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

 无限缩放

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

 如言语一般自由

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

 CSS控制

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

 高分屏完美呈现

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

 完美兼容其它框架

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

 可用于桌面系统

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

 可适配于屏幕阅读器

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

http://fontawesome.dashgame.com/

http://fontawesome.io/

Font Awesome 图标字体的使用方法

其实这个已经是老生常谈的话题了，所以在这里也不再详细展开说了，就再跟大家大概说一下使用流程吧。

理论上，图标字体可以用在网站的任意位置，只需要用 i 标签加 class 来添加即可。比如我要加入微信图标，我只要在需要显示的位置添加如下标签即可：

而我们想要更多的图标，就需要到官方的图标库里面去查找，找到合适的图标后，点击打开即可得到相应的标签 class 了。

使用了图标字体的导航菜单效果图