font awesome图标库为您提供最新最全的可缩放FontAwesome矢量图标在线查询,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式。
Font Awesome使用方法
一句话将Font Awesome加入您的网页中。您完全不用下载或者安装任何东西!
1、复制整个 font-awesome 文件夹到您的项目中.
2、将以下代码粘贴到网页HTML代码的 <head>
部分.
<link rel="stylesheet" href= "path/to/font-awesome/css/font-awesome.min.css">
3、
您可以将Font Awesome图标使用在几乎任何地方,只需要使用CSS前缀 fa
,再加上图标名称。
Font Awesome是为使用内联元素而设计的。我们通常更喜欢使用 <i>
,因为它更简洁。
但实际上使用 <span>
才能更加语义化。
<i class="fa fa-camera-retro"></i> fa-camera-retro
Font Awesome 特色
一套字库, 675个图标
FontAwesome是一种带有网页功能的象形文字语言,并收集在一个集合里。
不需要 JavaScript 支持
更少的兼容性问题,因为该字体不需要javascript
无限的扩展性
可缩放的矢量图形,每个图标在放大或者缩小的时候看起来都正常
完全开源免费
该字体是完全开源并且免费的
CSS 控制
可以轻松的用css来控制字体的颜色,大小,阴影等!
完美支持Retina屏幕
字体是矢量图,这意味着在高分辨率下也会完美显示。
良好的兼容性
最初是为Bootstrap而设计的,现在Font Awesome适用于所有框架。