一个字库,675个图标

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

无需依赖JavaScript

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

无限缩放

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

如言语一般自由

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

CSS控制

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

高分屏完美呈现

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

完美兼容其它框架

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

可用于桌面系统

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

可适配于屏幕阅读器

与其它字体不同,Font Awesome不会影响屏幕阅读器正常工作。
  • 所有标志图标都分别是其所有者的注册商标。
  • 使用这些商标并不代表Font Awesome拥有它们。
  • 商标只应用在被提及相应的公司或产品时使用。

特别注意!

Adblock Plus 插件会通过设置“Remove Social Media Buttons”来移除 Font Awesome 的这些标志图标。 然而我们并不会用一些特殊方法来强行显示。

一句话将Font Awesome加入您的网页中。您完全不用下载或者安装任何东西!

  1. 将以下代码粘贴到网页HTML代码的 <head> 部分.
    										
    											<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
                            
    									

    当新版本发布时,BootstrapCDN需要一点时间来同步到最新版本。稍安勿躁 :)

  2. 参考示例,然后开始使用Font Awesome吧!

如果您使用了默认的Bootstrap CSS样式,那么你可以使用这种方式来引入默认的Font Awesome CSS样式。

  1. 复制整个 font-awesome 文件夹到您的项目中。
  2. 在HTML的 <head> 中引用font-awesome.min.css。
    										
    											<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
                            
    									
  3. 参考示例,然后开始使用Font Awesome吧!

使用 官方 Font Awesome LESS Ruby Gem 可以简单方便的将 Font Awesome LESS 集成到Rails项目中。由 @supercodepoet 维护。

  1. 将下面这行代码加入到应用的Gemfile中:
    										gem 'font-awesome-less'
                            
    									
  2. 然后执行:
    										
    											$ bundle
                            
    									
  3. 或者自行安装:
    										
    											$ gem install font-awesome-less
                            
    									

使用 官方 Font Awesome SASS Ruby Gem 可以简单方便的将 Font Awesome SASS 集成到Rails项目中。由 @supercodepoet 维护。

  1. 将下面这行代码加入到应用的Gemfile中:
    										gem 'font-awesome-sass'
                            
    									
  2. 然后执行:
    										
    											$ bundle
                            
    									
  3. 或者自行安装:
    										
    											$ gem install font-awesome-sass
                            
    									

倘若社区工具于你有益,欢迎:

小额赞赏