Font Awesome免费版下载 v5.14.0

Font Awesome是一款功能强大的标准的图标字体库和CSS结构框架，字体拥有优美简洁的风格，非常具有现代科技感。软件包包含了与所有网页有关的形象图标和CSS的所有特性，例如：大小、颜色、阴影和其他效果等。并且知识兔运行的话是不需要JavaScript框架的，你只需要在CSS中引入icon字体就可以直接生成你需要的图标内容，当然了，你也可以直接在GitHub库中下载整个图标集合，快速的制作出非常优美的图标，非常适合从事网页开发前端设计的用户数使用。本次知识兔小编分享的是Font Awesome官方免费版，并且知识兔下文附带了一些使用安装方法和常见问题解决办法，能够给用户分享一些使用参考，欢迎需要的朋友来知识兔免费下载体验！~

软件特色

1、一个字库，675个图标
仅一个Font Awesome字库，就包含了与网页相关的所有形象图标。
2、无需依赖JavaScript
完全不依赖JavaScript，因此无需担心兼容性。
3、无限缩放
无论在任何尺寸下，可缩放的矢量图形都会为您呈现出完美的图标。
4、如言语一般自由
完全免费，哪怕是商业用途。
5、CSS控制
只要CSS支持，无论颜色、大小、阴影或者其它任何效果，都可以轻易展现。
6、高分屏完美呈现
软件的矢量图标，将使您的网站在视网膜级的高分屏上大放异彩。
7、完美兼容其它框架
尽管是为Bootstrap设计，但它样能与其它框架完美协同运作。
8、可用于桌面系统
用于桌面系统，或需要一套完整的矢量图。
9、可适配于屏幕阅读器
与其它字体不同，不会影响屏幕阅读器正常工作。

安装方法

第一种：
下载解压后直接将字体复制到C:\WINDOWS\Fonts即可
第二种
1.知识兔下载字体并解压缩；
2.开始中打开控制面板；
3.在控制面板中打开字体文件夹；
4.把下载的字体复制到此文件夹下；
5.文字添加完成
第三种
1.知识兔下载字体并解压缩；
2.把文件根目录下的字体压缩包解压缩；
3.把文件根目录下的安装字体.bat放到含有字体文件的文件夹中，知识兔双击安装字体.bat软件；
4.文字添加完成
（Win7用户可直接右键选择“安装”菜单进行安装）
（mac下找到”系统-资源库-fonts”，粘贴启功体字体文件即可，亦可用字体册 添加。）

使用方法

一、最简单的方式：BootstrapCDN
一句话将软件加入您的网页中。您完全不用下载或者安装任何东西!
将以下代码粘贴到网页HTML代码的部分.
当新版本发布时，BootstrapCDN需要一点时间来同步到最新版本。稍安勿躁 🙂
二、简单方式之一：使用默认CSS
如果知识兔您使用了默认的Bootstrap CSS样式，那么你可以使用这种方式来引入默认的Font Awesome CSS样式。
复制整个font-awesome文件夹到您的项目中。
在HTML的 中引用font-awesome.min.css。
三、简单方式之二：LESS Ruby Gem
使用官方Font Awesome LESS Ruby Gem可以简单方便的将Font Awesome LESS集成到Rails项目中。由 @supercodepoet维护。
将下面这行代码加入到应用的Gemfile中：
gem ‘font-awesome-less’
然后知识兔执行：
$ bundle
或者自行安装：
$ gem install font-awesome-less
四、简单方式之三：SASS Ruby Gem
使用官方 Font Awesome SASS Ruby Gem可以简单方便的将Font Awesome SASS集成到Rails项目中。由 @supercodepoet维护。
将下面这行代码加入到应用的Gemfile中：
gem ‘font-awesome-sass’
然后知识兔执行：
$ bundle
或者自行安装：
$ gem install font-awesome-sass
五、进阶方式：自定义LESS或SASS
使用LESS或SASS的方法来自定义Font Awesome 4.7.0 。
复制font-awesome/目录到您的项目中。
打开font-awesome/less/variables.less文件或font-awesome/scss/_variables.scss文件 ，然后知识兔修改 @fa-font-path或$fa-font-path 为您的字体目录。
@fa-font-path: “../font”;
字体路径是相对于编译的CSS目录。
如果知识兔使用了静态编译器，那么重新编译LESS或SASS文件。如果知识兔没有，那么现在应该一切OK了。

常见问题

一、软件图标怎么用？
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后解决问题。

下载仅供下载体验和测试学习，不得商用和正当使用。

点击下载