特效介绍
Font Awesome字体图标
Font Awesome字体图标是利用css3自定义字体的方式,将图标字体放到了网站上,省去了切图的麻烦,它具有普通图片图标不能比拟的优点,即只需要挂一个class,即可随心所欲换图标,并且,更改font-size的大小,即可无限放大图标不失真。并且完全免费和开源,可用于任何商业用途。
Font Awesome 不会阻止屏幕阅读器,这和其他图标字体的行为方式完全不同。
使用方法
1、将包含font-awesome.css的css文件夹和下载下来的font文件夹放到您的项目上,要保证font-awesome.css和font的相对位置不改变,否则会导致css文件引入font字体失败。2、在需要使用图标的地方,加入下面的代码:
<i class="fa fa-adjust"></i>这里的 i 标签可以换成其他标签,这里的 fa 样式是 Font Awesome 字体必须的样式。而 fa-adjust 则是对应的图标样式。可以换成其他图标。访问Font Awesome可以查看所有支持的图标,将图标后面的英文复制,替换这里的 fa-adjust ,即可更换图标。