FontAwesome 奥森图标的学习

很早之前,就看到大家在使用代码做出很漂亮的图标,但是觉得需求不是很大,所以就没有看,但是技多不压身,这次有时间来学习下。
FontAwesome官方网站

1,下载文件包

里面有两个文件夹,css 和 fonts
css 下面是主要的css 文件
fonts 下面是一些字体包,文件不小哦
经过我的测试,这两个文件都是必须存在的

2,如何使用

学习最好的例子,就是去官网看说明,这里就告诉了我们如何使用 (开始入门)[http://www.thinkcmf.com/font/get_started]

引入 font-awesome.min.css 文件
复制图标代码

可以通过css 来控制图标的大小、颜色,如果发现图标偏上或者偏下了,可以通过line-height 来改变它的位置

个人的见解

整个文件包还是很大的,我们通常使用的话,图标应该不是很大,如果不是后台大量使用的情况下,我觉得是没有必要使用的,今天先了解这么多,下次详细使用的话,再来细细了解

参考文章:

官方网站

请用fontAwesome代替网页icon小图标

posted @ 2016-05-21 18:25  诚人小李  阅读(1025)  评论(0编辑  收藏  举报