简介
Font Awesome 是一套绝佳的图标字体库,它提供可缩放的矢量图标,并且可以通过CSS来设置大小、颜色、阴影或者其它任何支持的效果。Font Awesome具有以下特性:
- 一个字库,675 个免费图标。
- 完全免费,包括商业用途。
- 最初是为Bootstrap设计的,现在可以适用于所有框架。
- 完全不依赖JavaScript,不存在任何兼容性问题。
- 兼容桌面应用。
- 只要CSS支持,无论颜色、大小、阴影或者其它任何效果,都可以轻易展现。
- 无限缩放,在任何尺寸下都会呈现出完美的图标
- 字体是矢量图标,在视网膜级的高分屏上也会完美呈现。
- 完全兼容屏幕阅读器。
使用Font Awesome图标的最简单方式,就是使用CDN。你完全不用下载或者安装任何东西,只需下面一行代码,就可以在你的网页中使用最新版本的Font Awesome:
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
如果你愿意,你也可以下载Font Awesome的最新安装包,并将整个 font-awesome 文件夹复制到你的项目中,然后在HTML的 <head> 中引用font-awesome.min.css:
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
Font Awesome从4.1.0版本开始不再支持IE7,如果你一定要支持IE7,就必须使用更早的版本,但早期版本提供的图标数目相对要少一些。比如,你可以使用3.2.1版本:
<!--[if IE 7]>
<link href="https://cdn.bootcss.com/font-awesome/3.2.1/css/font-awesome-ie7.css" rel="stylesheet">
<![endif]-->
关于作者
歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。