Font Awesome 4 官方版v4.7.0

Font Awesome是一套绝佳的图标字体库和CSS框架，为你提供可缩放的矢量图标，可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。

软件介绍

Font Awesome是一款功能强大的标准的图标字体库和CSS结构框架，字体拥有优美简洁的风格，非常具有现代科技感。软件包包含了与所有网页有关的形象图标和CSS的所有特性，例如：大小、颜色、阴影和其他效果等。并且运行的话是不需要JavaScript框架的，你只需要在CSS中引入icon字体就可以直接生成你需要的图标内容，当然了，你也可以直接在GitHub库中下载整个图标集合，快速的制作出非常优美的图标，非常适合从事网页开发前端设计的用户数使用。

软件特色

1、一个字库，675个图标

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

2、无需依赖JavaScript

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

3、无限缩放

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

4、如言语一般自由

完全免费，哪怕是商业用途。

5、CSS控制

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

6、高分屏完美呈现

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

7、完美兼容其它框架

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

8、可用于桌面系统

用于桌面系统，或需要一套完整的矢量图。

9、可适配于屏幕阅读器

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

常见问题

一、软件图标怎么用？

1、在本站下载字体安装包；

2、下载好安装包后，点击文件夹，找到CSS文件夹里面的font-awesome.css或者font-awesome.min.css（表示压缩过的）复制到自己项目里面的CSS文件夹中，并把安装包文件夹中的fonts文件夹整个文件夹复制到自己项目中；

3、打开HTML页面，在head头部中引入font-awesome.css。

当然了，如果没有下载安装包的，可以引入在线css。

比如：；

4、图标的引用：font-awesome图标可以任何一个地方引用，只要在该元素的类中加入前缀fa，在加入对应的图标名称。不知道图标的名称，不可以在官网中找到对应的图标，既可以找到对应的图标名称。

注：软件设计为与内联元素一起使用。 和 元素广泛用于图标。

5、可以直接对图标的属性进行更改，如图标的颜色、大小，并且可以组合不同的图标形成所需的图标等。

6、执行以上步骤，若是没有图标显示，可以打开font-awesome.css，检查字体库，即引入fonts文件的路径是否正确。

二、fontawesome图标显示不了怎么办？

在页面引用all.css

检查了fontawesome.css，没有发现包含引用webfonts文件。在all.css中才出现引用webfonts，换成引用all.css后解决问题。