首页 > 特效插件 > 文字特效 >  font-awesome css文字图标正文

font-awesome css文字图标

特效介绍
font-awesome css文字图标在做网站的时候,图片越少越好。现在,扁平化网站布局越来越流行,投影、立体效果、渐变色、大副背景图片很少用了,纯色、小图标成了流行趋势。但是网站如果图标比较多,做成图片不好。现在就来解决这个问题。本插件可以让您随心所欲使用文字图标,而非图片。其实,就是特殊字体。本插件不兼容IE7及以下版本。
font文件夹里面放的是不同格式的字体。
使用方法
1、在头部引入下面的css文件:
<link href="css/font-awesome.min.css" rel="stylesheet">
2.在想使用文字图标的地方插入如下代码:
<i class="fa-angellist"></i>
其中,类名“fa-angellist”是一种图标样式,您可以参考demo的不同类名,找出自己想要的图标。换个类名,就换了一种图标。还可以给这个i定义颜色、大小等等,就像定义font一样。

3、如果觉得图标没有你想要的,可以去 Font Awesome 下载,地址是 http://fontawesome.io/