基于@font-face的图标已经非常流行了,但是一套font-face图标总是有这样那样的小问题,所以之前有想法想做一个能自由组合font-face的在线服务,结果最近发现已经有人做出了成品Fontello

赶紧试用了一下,组装了一套覆盖绝大多数Web服务的Font-face社交网络图标集,把各家的相关图标挑出来然后去掉重复的,最终的成品整合的很好,甚至针对IE7也做了处理,不过Fontello的制作流程还有提高的余地。

图标来自以下几个免费的font-face集合:

如用于商业用途请自己查阅一下License的限制。另外为了可以同时加载Font Awesome,避免命名冲突,class的前缀为.icon-social。最终效果如下:

  • icon-social-duckduckgo
  • icon-social-aim
  • icon-social-delicious
  • icon-social-paypal
  • icon-social-flattr
  • icon-social-android
  • icon-social-eventful
  • icon-social-smashmag
  • icon-social-gplus
  • icon-social-wikipedia
  • icon-social-lanyrd
  • icon-social-calendar
  • icon-social-stumbleupon
  • icon-social-fivehundredpx
  • icon-social-pinterest
  • icon-social-bitcoin
  • icon-social-w3c
  • icon-social-foursquare
  • icon-social-html5
  • icon-social-ie
  • icon-social-call
  • icon-social-grooveshark
  • icon-social-ninetyninedesigns
  • icon-social-forrst
  • icon-social-digg
  • icon-social-spotify
  • icon-social-reddit
  • icon-social-guest
  • icon-social-gowalla
  • icon-social-appstore
  • icon-social-blogger
  • icon-social-cc
  • icon-social-dribbble
  • icon-social-evernote
  • icon-social-flickr
  • icon-social-google
  • icon-social-viadeo
  • icon-social-instapaper
  • icon-social-weibo
  • icon-social-klout
  • icon-social-linkedin
  • icon-social-meetup
  • icon-social-vk
  • icon-social-plancast
  • icon-social-disqus
  • icon-social-rss
  • icon-social-skype
  • icon-social-twitter
  • icon-social-youtube
  • icon-social-vimeo
  • icon-social-windows
  • icon-social-xing
  • icon-social-yahoo
  • icon-social-chrome
  • icon-social-email
  • icon-social-macstore
  • icon-social-myspace
  • icon-social-podcast
  • icon-social-amazon
  • icon-social-steam
  • icon-social-cloudapp
  • icon-social-dropbox
  • icon-social-ebay
  • icon-social-facebook
  • icon-social-github
  • icon-social-googleplay
  • icon-social-itunes
  • icon-social-plurk
  • icon-social-songkick
  • icon-social-lastfm
  • icon-social-gmail
  • icon-social-pinboard
  • icon-social-openid
  • icon-social-quora
  • icon-social-soundcloud
  • icon-social-tumblr
  • icon-social-eventasaurus
  • icon-social-wordpress
  • icon-social-yelp
  • icon-social-intensedebate
  • icon-social-eventbrite
  • icon-social-scribd
  • icon-social-posterous
  • icon-social-stripe
  • icon-social-opentable
  • icon-social-cart
  • icon-social-print
  • icon-social-angellist
  • icon-social-instagram
  • icon-social-dwolla
  • icon-social-appnet
  • icon-social-statusnet
  • icon-social-acrobat
  • icon-social-drupal
  • icon-social-buffer
  • icon-social-pocket
  • icon-social-bitbucket
  • icon-social-firefox
  • icon-social-opera
  • icon-social-pinterest-squared
  • icon-social-gplus-squared
  • icon-social-github-squared
  • icon-social-github-circled
  • icon-social-facebook-rect
  • icon-social-twitter-bird
  • icon-social-flickr-circled
  • icon-social-twitter-squared
  • icon-social-icq
  • icon-social-yandex
  • icon-social-yandex-rect
  • icon-social-vimeo-circled
  • icon-social-github-text
  • icon-social-googleplus-rect
  • icon-social-twitter-circled
  • icon-social-vkontakte-rect
  • icon-social-linkedin-squared
  • icon-social-odnoklassniki
  • icon-social-facebook-circled
  • icon-social-odnoklassniki-rect
  • icon-social-facebook-squared
  • icon-social-vimeo-rect
  • icon-social-gplus-circled
  • icon-social-tumblr-rect
  • icon-social-friendfeed
  • icon-social-pinterest-circled
  • icon-social-friendfeed-rect
  • icon-social-tumblr-circled
  • icon-social-deviantart
  • icon-social-jabber
  • icon-social-linkedin-circled
  • icon-social-lastfm-rect
  • icon-social-linkedin-rect
  • icon-social-dribbble-circled
  • icon-social-stumbleupon-circled
  • icon-social-instagram-filled
  • icon-social-lastfm-circled
  • icon-social-rdio
  • icon-social-rdio-circled
  • icon-social-spotify-circled
  • icon-social-qq
  • icon-social-skype-circled
  • icon-social-renren
  • icon-social-sina-weibo
  • icon-social-picasa
  • icon-social-mixi
  • icon-social-behance
  • icon-social-google-circles
  • icon-social-vkontakte
  • icon-social-smashing
  • icon-social-db-shape
  • icon-social-sweden
  • icon-social-logo-db

放在Github上,可以自行下载


 Tags : font-face icon Project

Donate:Buy me a coffee  | 文章有帮助,可以请我喝杯咖啡