超棒的Icon Fonts(图标字体)包

曾几何时,互联网还是一种尺寸走遍天下的时代,简单得多。但是随着现在平板、retina显示器、手机和各种各样的其它设备的普及,这一点已经悄然改变。文字缩放得很好,但是图片由于是固定的尺寸,因而存在着缩放的问题。于是Icon fonts横空出世,试图通过将图片转换为文字来解决这一问题。

超棒的Icon Fonts(图标字体)包​​

Icon Font是神马?

icon font简单来说就是一种字体,只不过字符不是字母而是图标罢了。其好处在于可以自由缩放,而且非常的潮哦。Icon fonts在国外网页设计师中已经非常的流行,那是因为:

  1. 用户体验好:特定的符号和图形对帮助用户知道如何使用网站大有益处;
  2. 易于使用:以前你可能需要上传不同版本的icon图片,但是现在你只需要你将指定的文件包含在HTML文件中,你就可以使用它了,一切变得那么简单;
  3. 干净利落: 你不再需要一大套ico图标,使用CSS和icon font就可以搞定一切;
  4. 体积小巧:由于使用少量的图片,页面加载的速度更快,尤其是你的网站需要兼容不同的平台。

打个比方,普通的icon图片当放大或缩小时可能出问题,但是使用icon fonts这些问题将不在。 还希望图标稍微变一下颜色?只需要设置CSS color属性即可,你甚至还可以添加阴影或CSS提供的其它text效果。

超棒的Icon Fonts(图标字体)包
Icon Fonts缩放比普通图片好多了(上:Icon Fonts,下:普通图片)

那些最好Icon Fonts

其实现在有许多icon font包,下面给大家引荐它们吧。有些是免费的,有些不是,即使收费也不会很贵。

Fontello (免费)

超棒的Icon Fonts(图标字体)包

Symbolset ($30)

超棒的Icon Fonts(图标字体)包

Font Awesome (免费)

超棒的Icon Fonts(图标字体)包

Modern Pictograms (免费)

超棒的Icon Fonts(图标字体)包

Vector Social Icons (免费)

超棒的Icon Fonts(图标字体)包

Tipogram ($18)

超棒的Icon Fonts(图标字体)包

Icomoon (Free or Purchased)

超棒的Icon Fonts(图标字体)包

Iconic (免费)

超棒的Icon Fonts(图标字体)包

Foundation Icons (免费)

超棒的Icon Fonts(图标字体)包

Entypo (免费)

超棒的Icon Fonts(图标字体)包

Marekventur (免费)

超棒的Icon Fonts(图标字体)包

Typicons (免费)

超棒的Icon Fonts(图标字体)包

Iconsweets 2 ($8)

超棒的Icon Fonts(图标字体)包

Geomicons ($16)

超棒的Icon Fonts(图标字体)包

Symbolicons ($40)

超棒的Icon Fonts(图标字体)包

Glyphicons ($25)

超棒的Icon Fonts(图标字体)包

Heydonworks Icons (免费)

超棒的Icon Fonts(图标字体)包

参考文章:Awesome Icon Fonts: The Best Examples

本文采用CC BY-NC-ND协议进行许可,传播时请保留链接:http://huangzhiqun.com/skill/awesome-icon-fonts.html

2,710 次阅读
« 上一篇文章:
  1. 目前还没有评论

发表评论

× 六 = 十二

注意: 评论者允许使用'@user空格'的方式将自己的评论通知另外评论者。例如, ABC是本文的评论者之一,则使用'@ABC '(不包括单引号)将会自动将您的评论发送给ABC。使用'@all ',将会将评论发送给之前所有其它评论者。请务必注意user必须和评论者名相匹配(大小写一致)。

疑惑 调皮 伤心 抠鼻 惊讶 微笑 脸红 坏笑 惊讶 发呆 撇嘴 酷 阴险 咒骂 愤怒 白眼 鼓掌 得意 汗 打呵欠 大哭 憨笑

评论