Font-awesome

图标字体和 CSS 套件

Font Awesome v4.4.0

The iconic font and CSS framework

Font Awesome is a full suite of 585 pictographic icons for easy scalable vector graphics on websites, created and maintained by Dave Gandy. Stay up to date with the latest release and announcements on Twitter: @fontawesome.

Get started at http://fontawesome.io!

License

Changelog

Contributing

Please read through our contributing guidelines. Included are directions for opening issues, coding standards, and notes on development.

Versioning

Font Awesome will be maintained under the Semantic Versioning guidelines as much as possible. Releases will be numbered with the following format:

<major>.<minor>.<patch>

And constructed with the following guidelines:

  • Breaking backward compatibility bumps the major (and resets the minor and patch)
  • New additions, including new icons, without breaking backward compatibility bumps the minor (and resets the patch)
  • Bug fixes and misc changes bumps the patch

For more information on SemVer, please visit http://semver.org.

Author

Component

To include as a component, just run

$ component install FortAwesome/Font-Awesome

Or add

"FortAwesome/Font-Awesome": "*"

to the dependencies in your component.json.

Hacking on Font Awesome

Before you can build the project, you must first have the following installed:

From the root of the repository, install the tools used to develop.

$ bundle install
$ npm install

Build the project and documentation:

$ bundle exec jekyll build

Or serve it on a local server on http://localhost:7998/Font-Awesome/:

$ bundle exec jekyll -w serve

Font Awesome v4.4.0

图标字体和CSS框架

Font Awesome 是一整套包含 585 个象形矢量图标的字体库,由 Dave Gandy 创建和维护,在Twitter上保持更新最新版本的发布: @fontawesome.

从这里开始: http://fontawesome.io!

特性

  1. 目前为止已经有 585 个图标
  2. 不需要 JavaScript,由 CSS 控制,可完全控制图标的大小和颜色样式
  3. 可无限扩展每个图标的大小
  4. 完全免费
  5. 在 Retina 视网膜屏幕上显示完美
  6. 和所有框架都能很好地工作
  7. 屏幕阅读器兼容
  8. 桌面端友好

使用

1、最简单的方式: 使用 BootstrapCDN

将下面的代码粘贴到你的页面的 标签中

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

2、另外一种方式:引用下载包中的 css

将整个 font-awesome 文件夹复制到你的项目中,在 中引入 font-awesome.min.cs

 <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

贡献

请阅读我们的 贡献指南 。包含了打开问题,编码规范,以及开发中的注意事项。

版本控制

Font Awesome 的版本指南将会被维护成尽量保持语义化,发布版本将会按照下面的格式编号标记:

<major>.<minor>.<patch>

按照下面的方式构建:

  • Breaking backward compatibility bumps the major (and resets the minor and patch)
  • New additions, including new icons, without breaking backward compatibility bumps the minor (and resets the patch)
  • Bug fixes and misc changes bumps the patch

更多关于 SemVer 的信息, 请访问 http://semver.org.

作者

组件

引进一个 组件 只需要执行:

$ component install FortAwesome/Font-Awesome

或者添加

"FortAwesome/Font-Awesome": "*"

到你的 component.json 文件的 dependencies 中去.

Hacking on Font Awesome

在你构建项目之前, 你必须先安装下面的包:

从库的根路径安装下面的工具用于开发

$ bundle install
$ npm install

构建项目和文档:

$ bundle exec jekyll build

或者从本地起一个服务器 http://localhost:7998/Font-Awesome/

$ bundle exec jekyll -w serve

更新日志

许可

讨论区