Font-Awesome

前端 字体 / 图标
图标字体和 CSS 套件

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

更新日志

许可

Font-Awesome 相关推荐
对于该库,你有要推荐的内容么?点此提交推荐
请文明评论,与人为善,比聪明更重要!
评论