您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 設(shè)計(jì)欣賞 >> 瀏覽設(shè)計(jì)教程

網(wǎng)頁icon font大搜羅

 

今天圖趣網(wǎng)收集國外各種現(xiàn)有的icon font,以給大家提供點(diǎn)兒參考。無論是網(wǎng)頁設(shè)計(jì)還是移動端開發(fā),相信都是很有幫助的。

免費(fèi)字體

下面的這些icon font都是免費(fèi)或者開源的,你可以大膽的使用,但是作為設(shè)計(jì)師,大家要有點(diǎn)兒修養(yǎng),在使用前先看看相關(guān)字體文件的版權(quán)授權(quán)方式~~

Font Awesome(150+個)

為配合Twitter Bootstrap使用而設(shè)計(jì)。其實(shí)它是Glyphish的一個免費(fèi)的重新設(shè)計(jì)的版本。

Modern Pictograms(89個)

可以在Font Squirrel免費(fèi)下載,但是如果你愿意,也可以捐款。

Erler Dingbats(~120個)

Ecqlipse 2(281個)

Heydings Icons(60個)

Iconic(171個)

Web Symbols(~80個)

Entypo(100+個)

JustVector Social Icons(150+個)

只有社交符號

PulsarJS(73個)

面向移動網(wǎng)站開發(fā)的一個字體。

Raphaël(116個)

Dot Com(92個)

The Noun Project(424個)

Gcons(100個)

這個字體開源

Pixelated(36個)

Roam Design(99個)

僅限個人使用

Jigsoar(66個)

Social Media Pictograms (74個)

Social Media Pictograms

pictograms 包括幾乎所有的社交媒體圖標(biāo)。然后對于一些圖標(biāo),通過字母的大小寫來實(shí)現(xiàn)是否有圈。

Peculiar (45個)

Peculiar

好吧,Peculiar其實(shí)不是一個字體,而是用css3實(shí)現(xiàn)的icon,不過方法可鑒。

Symbol Signs(21個)

Symbol Signs @fontface font

Web Symbols(78個)

Web Symbols @fontface font

InfoBits Icons & Dingbats(190個)

InfoBits Icons & Dingbats @fontface font

ikoo(65個)

ikoo @fontface font

Social Networking Icons Font(56個)

Social Networking Icons Font @fontface font

收費(fèi)字體

下面的icon font都是收費(fèi)的字體,它們相對于上面的免費(fèi)字體有什么提升嗎?有那些地方或細(xì)節(jié)值得我們學(xué)習(xí)?

Glyphish(400個)

Glyphicons(350個)

Gedy Rivera Social(107個)

Fico(52個)

WriteSocial

ClickBits(400個)

Flexi Social(65個)

Steedicons(94個)

Web Icon Set(1600+個)

Geomicons(100+個)

Picons(100+個)

Symbolicons(500個)

Bixel(65個)

Tabs(745個)

Gentleface(304個)

Eddit iPhone UI(160個)

Simplicity(205個)

Picas(250個)

CleanIcons(55個)

Helveticons(600+個)

UIcons(362個)

IcoMoon(500+個)

Pictos(600+個)

iconSweets 2(1000+個)

Tipogram(90個)

GUI Design Icons(30個)

GUI Design Icons @fontface font

其它工具

  • Fontomas提供一些免費(fèi)的字體,并且允許你挑選你需要的圖標(biāo)然后生成你自定義的字體文件,不過生成的文件是svg的,你需要將其轉(zhuǎn)化為其它格式的;
  • Hieroglyph – 類似fontomas,從一系列的svg字體文件生成一個字體文件;

是不是你也想要試一把了啊,如果你在項(xiàng)目中有使用icon font,歡迎與我們分享經(jīng)驗(yàn)。

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/de1844.html
十多個國外清爽的論壇網(wǎng)頁設(shè)計(jì)
20個很酷的404錯誤頁面
圖趣網(wǎng)微信
建議反饋
×