您的位置:首页 > 其它

FontAwesome 奥森图标的学习

2016-05-21 18:25 302 查看

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

FontAwesome官方网站


1,下载文件包

里面有两个文件夹,css 和 fonts

css 下面是主要的css 文件

fonts 下面是一些字体包,文件不小哦

经过我的测试,这两个文件都是必须存在的

2,如何使用

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


引入 font-awesome.min.css 文件

复制图标代码


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

个人的见解

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

参考文章:

官方网站

请用fontAwesome代替网页icon小图标

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: