在进行网站建设的时候,我们往往会需要使用到一些网页图标元素从而增加页面的活力,每当这个时候,你或许会考虑去找一套比较好用的图标进行整站匹配,又或许会考虑自己动手制作适合该项目的网页图标。
不过在这里向大家推荐一款极其强大丰富的网页图标元素库——FontAwesome.
我们一起来看看FontAwesome到底有哪些Awesome之处吧。
1.包含多达361个网页图标元素(截至版本3.2.1,图标数量还在不断增加中)没错,这361个网页图标元素包含了各式各样或抽象或实体的概念展现,能够满足绝大多数网站页面设计的需求。
即使你能够自行创作属于自己的网页图标,那么参考一下这个庞大的图标库从而获取灵感也是不错的选择哦。
2.独特地采用CSS来控制样式
只要你仔细观察,就会发现FontAwesome在Web中展现出来的图标元素它的font-family就是FontAwesome,这意味着其实图标元素本身就是字体。
因此所有在CSS上能做的事情都能够在FontAwesome提供的图标元素上实现。
font-size、color、text-shadow……只要CSS能够控制的属性,都可以用在FontAwesome图标之上,当然,你还能使用时下流行的CSS3技术,从而丰富网站的用户体验。
3.矢量图
由于采用了矢量图,所以FontAwesome的图标可以在任意大小屏幕上完美呈现,而不用再纠结于设备显示的问题了,这一特性对于日渐流行的扁平化设计以及响应式布局而言,真是再合适不过了。
4.支持IE7
虽然在飞速发展的Web技术时代仍然使用IE7浏览器是件让人极其沮丧的事情,但是由于国内浏览器占有率的关系,我们不得不更多考虑IE7甚至IE6的兼容性问题。
但我想说的是,鉴于国外浏览器的占有率,所以尽管没能兼容IE6,FontAwesome的敬业精神还是让人泪流满面了。
5.兼容Bootstrap
使用Bootstrap的朋友也完全不用担心兼容性问题,因为FontAwesome完全兼容Bootstrap.
6.设计师的福音
如果你觉得无法在自己牛X的设计中完美运用FontAwesome,那你就大错特错了。
因为只需要安装FontAwesome.otf字体,然后就能copy图标字符代码到你的设计稿中啦,真是太棒了!
7.最最重要的一点,就是FontAwesome完全免费
这么强大的功能、这么逆天的属性、这么庞大的图标库,不需要998,而是完全免费提供,无论个人还是商业使用。
转载于:https://blog.51cto.com/tianmei/1266442