我爱模板网 > 特效插件 > 其他特效 >  Font Awesome字体图标font-awesome.css正文

Font Awesome字体图标font-awesome.css

特效介绍
Font Awesome字体图标
Font Awesome字体图标

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


部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:animate.css css3动画集成插件 下一篇:翻页数字矢量素材下载
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢