杭州网站建设
247月

丰富你的网页图标元素:FontAwesome

FontAwesome,让网站图标引用更简单。

在进行网站建设的时候,我们往往会需要使用到一些网页图标元素从而增加页面的活力,每当这个时候,你或许会考虑去找一套比较好用的图标进行整站匹配,又或许会考虑自己动手制作适合该项目的网页图标。

不过在这里向大家推荐一款极其强大丰富的网页图标元素库——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,而是完全免费提供,无论个人还是商业使用。

 

目前FontAwesome已经更新到了4.0.1版本,查看我们的最新文章来了解它的变动以及使用方式吧!

FontAwesome 4.0.1

版权属于:佚站互联 - 杭州网站建设

原文地址:http://www.yeahzan.com/blog/item/42-64.html

转载时必须以链接形式注明原始出处及本声明。

文章作者: Benz , 文章分类: 网站设计

关于作者

Benz

评论 (0)

发表评论

请登陆后发表评论。