網(wǎng)頁(yè)設(shè)計(jì)中最常見的30款英文字體

2014-2-28    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   m.bouu.cn  )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

來(lái)源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請(qǐng)點(diǎn)這里 

關(guān)于英文字體,對(duì)我們網(wǎng)頁(yè)設(shè)計(jì)師朋友們來(lái)說(shuō)一定并不陌生,即使我們很少做英文語(yǔ)系的網(wǎng)站,但在瀏覽國(guó)外

網(wǎng)站設(shè)計(jì)的時(shí)候,大家一定都會(huì)有或多或少的認(rèn)識(shí)。其實(shí)不單單是在網(wǎng)頁(yè)界面設(shè)計(jì)中,很多移動(dòng)操作系統(tǒng)和瀏覽器中都廣泛使用了今天藍(lán)藍(lán)設(shè)計(jì)即將介紹的這些字體。

想必大家也都能猜出來(lái)像 Arial、Helvetica 這種大名鼎鼎的字體肯定在里面了,那么還有什么呢?一起來(lái)詳細(xì)了解一下吧!

相關(guān)推薦:
《平面排版時(shí),教你突出中文美感的幾種方法第二集(基礎(chǔ)篇)》
《那些年,我們一起追過的字體》
《快速上手!制作ICON FONT》

首先,補(bǔ)充個(gè)小知識(shí):

1.網(wǎng)頁(yè)設(shè)計(jì)中的英文字體,一般有以下五類:

serif(襯線)
sans-serif(無(wú)襯線)
monospace(等寬)
fantasy(夢(mèng)幻)
cuisive(花體)

網(wǎng)頁(yè)設(shè)計(jì)中最常見的無(wú)襯線字體

在常見的兩種字體風(fēng)格中,襯線體的筆劃感太”過”,不是特別的商業(yè)。隨著瑞士設(shè)計(jì)風(fēng)格的大力推廣,無(wú)襯線字體變得愈發(fā)流行起來(lái)。

建議: 個(gè)人認(rèn)為 Tahoma 以及 Verdana 字符編碼效果最好 ,適用于多種環(huán)境

Arial

字體族科:Arial, “Helvetica Neue”, Helvetica

變體:

Arial:有時(shí)稱為Arial Regular以便與Arial Narrow區(qū)別,其包括Arial、Arial Italic(斜體)、Arial Bold(粗體)、Arial Bold Italic(粗斜體)和Arial Unicode MS
Arial Black:此字體的特色在于其筆畫相當(dāng)?shù)拇?,包含Arial Black、Arial Black Italic(斜體)
Arial Narrow:為Arial的細(xì)瘦版本,包含Arial Narrow Regular、Arial Narrow Bold(粗體)、Arial Narrow Italic(斜體)和Arial Narrow Bold Italic(粗斜體)
Arial Rounded:包含Arial Rounded Bold(粗體),此字體可在微軟韓文字體Gulim找到
——以上來(lái)自百度百科

Arial: one of the most famous web safe fonts.

Avant Garde

字體族科包括: “Avant Garde”, Avantgarde, “Century Gothic”, CenturyGothic, “AppleGothic”;

Avant Garde: cool sans serif font.

Calibri

字體族科包括: Calibri, Candara, Segoe, “Segoe UI”, Optima, Arial,;
Calibri,一種無(wú)襯線字體,為微軟Microsoft Office 2007套裝軟件的默認(rèn)字體,取代先前Microsoft Word的默認(rèn)字體Times New Roman以及PowerPoint、Excel和Outlook的默認(rèn)字體Arial。
Calibri是搭發(fā)布于微軟Windows Vista六種英文ClearType字體的其中一種,是Microsoft Word默認(rèn)字體的第一個(gè)無(wú)襯線字體,先前則是使用Times New Roman為默認(rèn)字體。

Calibri: the finest font microsoft developed.

Candara

字體族科包括: Candara, Calibri, Segoe, “Segoe UI”, Optima, Arial

Candara是一種無(wú)襯線字體,為字型設(shè)計(jì)師Gary Munch為微軟所開發(fā),附帶于Windows Vista中發(fā)行。——Wiki百科

Candara: a unique font

Franklin Gothic Medium

字體族科包括: “Franklin Gothic Medium”, “Franklin Gothic”, “ITC Franklin Gothic”, Arial, sans-serif;

Franklin Gothic: one of the most popular fonts among designers.

Futura

字體族科包括:: Futura, “Trebuchet MS”, Arial;

Futura靈感來(lái)自包豪斯,繼包豪斯的設(shè)計(jì)理念,設(shè)計(jì)師保羅倫納1924年至1926年首次創(chuàng)建Futura。雖然倫納是不是包豪斯的成員,但是他贊同其很多觀點(diǎn),他認(rèn)為現(xiàn)代的字體應(yīng)該表達(dá)出現(xiàn)代模式,而不是成為過去字體的延續(xù)。Futura商業(yè)授權(quán)發(fā)行于1927年,由鮑爾型鑄造廠投產(chǎn)。

Futura凸版

在設(shè)計(jì) Futura 的過程中,倫納避免產(chǎn)生任何非必要的元素,借鑒了無(wú)襯線的基本幾何比例。Futura的清脆、干凈的形式反映了其效率感,魯莽的外觀即使在現(xiàn)如今也已經(jīng)淡淡退出了。

Futura成功催生了新的幾何無(wú)襯線字體,如卡貝爾和世紀(jì)哥特式,其中包括的范圍?,F(xiàn)在超過80自成立以來(lái),許多代工廠已經(jīng)公布Futura變化的數(shù)字形式年,Adobe公司作為最常用的一個(gè)。幾個(gè)國(guó)際公司還利用自己的Futura定制的版本,包括大眾汽車(可見其著名的廣告)和宜家?!猈iki

Futura: ironically, looks a little vintage.

Helvetica

字體族科包括: “Helvetica Neue”, Helvetica, Arial;

Helvetica被視作現(xiàn)代主義在字體設(shè)計(jì)界的典型代表。按照現(xiàn)代主義的觀點(diǎn),字體應(yīng)該”像一個(gè)透明的容器一樣”,使得讀者在閱讀的時(shí)候?qū)W⒂谖淖炙磉_(dá)的內(nèi)容,而不會(huì)關(guān)注文字本身所使用的字體。由于這種特點(diǎn)的存在,使得Helvetica適合用于表達(dá)各種各樣的信息,并且在平面設(shè)計(jì)界獲得了廣泛的應(yīng)用。

Helvetica最常見的派生字體,應(yīng)該是Monotype公司于1982年出品的”Arial“字體。雖然在很多細(xì)節(jié)上與Helvetica有所不同,但許多非專業(yè)人士很容易將兩者混淆。Arial字體隨著Microsoft Windows操作系統(tǒng)的附贈(zèng)而迅速普及。

斯滕佩爾公司于1983年發(fā)布改進(jìn)版本的Neue Helvetica。原來(lái)的Helvetica字體家族只有31種,新版本的Neue Helvetica有51種,而且以Univers為參照進(jìn)行編號(hào),以Neue Helvetica 55 Roman為基準(zhǔn),數(shù)字第一位為粗細(xì),第二位為風(fēng)格?,F(xiàn)在Helvetica以及Neue Helvetica由于企業(yè)收購(gòu)合并的原因,成為L(zhǎng)inotype公司的商品和商標(biāo)。

Linotype公司在1983年發(fā)布”Neue Helvetica”字體。增加了更多不同的粗細(xì)與寬度的選擇?!猈iki

Helvetica: the font that revolutionized the industry.

Impact

字體族科包括: Impact, Haettenschweiler, “Franklin Gothic Bold”, Charcoal, “Helvetica Inserat”, “Bitstream Vera Sans Bold”, “Arial Black”;

Impact是一個(gè)由設(shè)計(jì)師喬佛瑞·李在1965年發(fā)表的一個(gè)無(wú)襯線字體,其特粗的筆畫、緊縮的間距以及狹窄內(nèi)部空間為其特點(diǎn),正如其名impact(壓緊)所指。此字型的x字高相當(dāng)大,幾乎接近其大寫字母的三分之二,因此升部相當(dāng)短小,降部更是如此。因?yàn)樽煮w較為粗獷,適合使用在標(biāo)題上,而不常用在內(nèi)文。

Impact是網(wǎng)頁(yè)核心字型的其中一個(gè)字體,跟著Microsoft Windows系統(tǒng)一同發(fā)布。

Impact: ideal font for creating headings.

Optima

字體族科包括: Optima, Segoe, “Segoe UI”, Candara, Calibri, Arial;

奧普蒂瑪體(Optima)是一款英文無(wú)襯線體。最初是為德國(guó)著名字體設(shè)計(jì)師赫爾曼·察普夫法蘭克福的D. Stempel AG foundry公司在1952年1955年左右設(shè)計(jì)的。

在字體分類上,雖然這個(gè)字體沒有襯線而被分類為無(wú)襯線體,它卻與多數(shù)的無(wú)襯線字體不同,奧普蒂瑪體的橫豎筆畫的粗細(xì)并不一致,橫比豎要細(xì)一些,因此字體看起來(lái)兼具優(yōu)雅、簡(jiǎn)練的風(fēng)格,受到大眾的喜愛。

2003年,Linotype公司發(fā)布一個(gè)”O(jiān)ptima Nova”字體。這個(gè)Optima Nova的制作是在察普夫的協(xié)助下,由日本的小林章進(jìn)行設(shè)計(jì)的。與Frutiger字體的改刻版”Frutiger Next”一樣,在制作的事后不是單純傾斜,而是另外操刀制作了斜體,提高了細(xì)節(jié)的設(shè)計(jì)質(zhì)量。——Wiki

Optima: Modern and sleek font loved by designers.

Tahoma

字體族科包括: Tahoma, Verdana, Segoe;

Tahoma是一個(gè)十分常見的無(wú)襯線字體,字體結(jié)構(gòu)和Verdana很相似,其字符間距較小,而且對(duì)Unicode字集的支持范圍較大。

Tahoma和Verdana師出同門,同為名設(shè)計(jì)師馬修·卡特(Matthew Carter)的作品,由微軟在1994年推出。許多不喜歡Arial字體的人常常會(huì)改用Tahoma來(lái)代替,除了是因?yàn)門ahoma很容易取得之外,也是因?yàn)門ahoma沒有一些Arial為人詬病的缺點(diǎn),例如大寫”I“與小寫”l“難以分辨等。

Tahoma被采用為Windows 2000Windows XP、Windows Server 2003Sega游戲主機(jī)Dreamcast等系統(tǒng)的默認(rèn)字型?!猈iki

Tahoma: brilliant font to work with unicode.

Verdana

字體族科包括: Verdana, Geneva;

Verdana,是一套無(wú)襯線字體,由于它在小字上仍有結(jié)構(gòu)清晰端整、閱讀辨識(shí)容易等高品質(zhì)的表現(xiàn),因而在1996年推出后即迅速成為許多領(lǐng)域所愛用的標(biāo)準(zhǔn)字型之一。

此字體的設(shè)計(jì)源起于微軟字型設(shè)計(jì)小組的維吉尼亞·惠烈(Virginia Howlett)希望設(shè)計(jì)一套具有高辨識(shí)性、易讀性的新字型以供屏幕顯示之用,于是她邀請(qǐng)了世界字型設(shè)計(jì)師之一的馬修·卡特(Matthew Carter)操刀,以Frutiger字體及愛德華·約翰斯頓(Edward Johnston)為倫敦地鐵所設(shè)計(jì)的字體為藍(lán)本,并由Monotype公司的字型微調(diào)(Hint)專家湯姆·瑞克納(Tom Rickner)擔(dān)任手工微調(diào),字體結(jié)構(gòu)與Tahoma(同為馬修·卡特所設(shè)計(jì))很相似,微軟將Verdana納入網(wǎng)頁(yè)核心字體之一?!猈iki

Verdana: another good font for unicode.

網(wǎng)頁(yè)設(shè)計(jì)中最常見的襯線字體

襯線字體再紙媒中使用較多,在紙張上的顯示效果更加。但是在屏幕上(尤其是小屏幕上),顯示效果不是那么的好。但是依然有很多設(shè)計(jì)師喜好用襯線字體,主要多用于標(biāo)題,讓標(biāo)題看起來(lái)更與眾不同。

Baskerville

字體族科包括: Baskerville, “Baskerville Old Face”, “Hoefler Text”, Garamond, “Times New Roman”;

Baskerville: excellent font for web even though it is a serif font.

Big Caslon

字體族科包括: “Big Caslon”, “Book Antiqua”, “Palatino Linotype”, Georgia;

Big Caslon: stylish serif font.

Bodoni MT

字體族科包括: “Bodoni MT”, Didot, “Didot LT STD”, “Hoefler Text”, Garamond, “Times New Roman”;

Bodoni Monotype: bold serif font for headings.

Cambria

字體族科包括: Cambria, Georgia, serif;

Cambria是搭載于微軟Windows Vista、Microsoft Office 2007Microsoft Office 2008 for Mac等軟件的一個(gè)襯線字體,其字符間距和比例相當(dāng)?shù)钠骄瑢?duì)角和垂直方向的筆畫和襯線比較粗,而水平向的襯線比較細(xì),強(qiáng)調(diào)筆畫的末筆。

當(dāng)Cambria使用在大小超過20點(diǎn)的標(biāo)題時(shí),其字體間的間距會(huì)些微的縮小以求美觀,但這樣的設(shè)計(jì)并不適用于商業(yè)文件?!猈iki

Cambria: Microsoft's finest serif font.

Didot

font-family: Didot, “Didot LT STD”, “Hoefler Text”, Garamond, “Times New Roman”;

Didot: stylish, decorated serif font for web.

Georgia

字體族科包括: Georgia, Times, “Times New Roman”;

Georgia是一種襯線字體,為著名字型設(shè)計(jì)師馬修·卡特(Matthew Carter)于1993年為微軟所設(shè)計(jì)的作品,具有在小字下仍能清晰辨識(shí)的特性,可讀性十分優(yōu)良。其命名發(fā)想自一份小報(bào)報(bào)道在美國(guó)佐治亞州發(fā)現(xiàn)外星人頭顱的測(cè)試性頭條

乍看之下,Georgia與Times New Roman相當(dāng)類似,但它們有多處不同。首先,在相同的字號(hào)下,Georgia的字符比Times New Roman的字符略大;其次,Georgia的字符線條較粗,襯線部份也比較鈍而平。另外在數(shù)字部份也非常不同,Georgia采用稱為”不齊線數(shù)字“的數(shù)字,特色在于數(shù)字會(huì)像英文字母般有高矮大小之別。

微軟將Georgia列入網(wǎng)頁(yè)核心字型,是視窗操作系統(tǒng)的內(nèi)建字型之一。蘋果電腦麥金塔系統(tǒng)之后也跟進(jìn)采用Georgia作為內(nèi)建字型之一。

請(qǐng)注意:數(shù)字“0″與字母“o”在Georgia字體下可能是顯示成一模一樣,使用時(shí)需特別注意。——Wiki

Georgia

Lucida Bright

字體族科包括: “Lucida Bright”, Georgia;

Lucida Bright: serif font for content.

Palatino

字體族科包括: Palatino, “Palatino Linotype”, “Palatino LT STD”, “Book Antiqua”, Georgia;

帕拉提諾體(Palatino)是一種常見的英文字體。它屬于舊襯線體,是最常被使用的10種襯線字體之一。由德國(guó)設(shè)計(jì)師赫爾曼·察普夫設(shè)計(jì),1948年Linotype Foundry公司發(fā)布。赫爾曼·察普夫設(shè)計(jì)了一系列體現(xiàn)了意大利文藝復(fù)興的風(fēng)格的字體,包括Palatine, Sistina, Michaelangelo titling和Aldus,而且據(jù)說(shuō)都是從阿爾杜斯·馬努提烏斯印刷所鉛字鑄造師Francesco Griffo制作的鉛字中取得的靈感?!迸晾嶂Z”這個(gè)名字源于16世紀(jì)意大利書法家將巴提薩·帕拉提諾(Giambattista Palatino)。

帕拉提諾體是基于文藝復(fù)興的人文主義字體,可以看出從羽毛筆進(jìn)化而來(lái)的痕跡,并富于運(yùn)筆的韻律美。當(dāng)時(shí)的字體多使用小字母和細(xì)筆畫長(zhǎng)豎線的搭配(長(zhǎng)字母的字頭字腳),而帕拉提諾體中進(jìn)行了修改,增加字體的長(zhǎng)度,便于閱讀。字體豎線的粗細(xì)幾乎不變,直線襯線較多,字母Q等的筆畫富有明顯特征,具有獨(dú)特的優(yōu)雅氣息。——Wiki

Palatino

Perpetua

字體族科包括: Perpetua, Baskerville, “Big Caslon”, “Palatino Linotype”, Palatino, “URW Palladio L”, “Nimbus Roman No9 L”;

Perpetua: lovely name!

Rockwell

字體族科包括: Rockwell, “Courier Bold”, Courier, Georgia, Times, “Times New Roman”;

Rockwell: a bold font for creating headings and names.

Times New Roman

字體族科包括: TimesNewRoman, “Times New Roman”, Times, Baskerville, Georgia;

Times New Roman(泰晤士新羅馬),可能是最常見且廣為人知的襯線字體之一,在字體設(shè)計(jì)上屬于過渡型襯線體,對(duì)后來(lái)的字型產(chǎn)生了很深遠(yuǎn)的影響。另外由于其中規(guī)中矩、四平八穩(wěn)的經(jīng)典外觀,所以經(jīng)常被選擇為標(biāo)準(zhǔn)字體之一?!猈iki

Times New Roman: one of the most common fonts out there.

網(wǎng)頁(yè)設(shè)計(jì)中最常見的等寬字體

等寬字體看起來(lái)像是打字機(jī)打出來(lái)的字體。等寬,i和w占據(jù)同樣的寬度,雖然現(xiàn)在看起來(lái)有點(diǎn)怪,但是蠻有趣的。

Andale Mono

字體族科包括: “Andale Mono”, AndaleMono;

Andalé Mono,也寫作Andale Mono,是Monotype公司出品的一個(gè)等寬字體風(fēng)格的無(wú)襯線字體,其特色在于字符有高度的可辨識(shí)性,例如數(shù)字0“中有一點(diǎn),可輕易與大寫字母O“區(qū)別;容易混淆的數(shù)字”1“、小寫字母”l“和大寫字母”I“也加入襯線設(shè)計(jì)以利分辨。

由知名字型設(shè)計(jì)師史提夫·馬特森(Steve Matteson)創(chuàng)造,作為終端機(jī)的顯示字體與軟件開發(fā)的源碼字型之用,最早應(yīng)用在蘋果公司與IBM合作研發(fā)的Taligent計(jì)劃,后來(lái)微軟也將此字型選為網(wǎng)頁(yè)核心字型之一。

在微軟的Windows系統(tǒng)上,Andalé Mono最初是作為Internet Explorer 4.0的可選附件發(fā)行。自Internet Explorer 5開始,Andalé Mono改名為Andale Mono,字體版本升為1.25。雖然后來(lái)微軟中止了網(wǎng)頁(yè)核心字型計(jì)劃,并且從Windows ME以后不再附帶此字體,但目前在Sourceforge的相關(guān)計(jì)劃網(wǎng)頁(yè)上仍可下載得到,而且蘋果公司也將此字體附于旗下的Mac OS X系統(tǒng)中發(fā)布——Wiki

Andale Mono: Monospace font for web.

Consolas

字體族科包括: Consolas, monaco;

Consolas 是一套固定字符寬度的字型,屬無(wú)襯線字體,由 Lucas de Groot 設(shè)計(jì)。這套字型使用了微軟的 ClearType字型平滑技術(shù),并隨同 Windows Vista、Office 2007  Microsoft Visual Studio 中發(fā)行,或可在微軟的網(wǎng)站下載。在 Windows Vista 的 6 套新字型中,Consolas 近似于前版 Windows 中的 2 款內(nèi)建字型:Lucida Console  Courier New,主要是設(shè)計(jì)做為程式碼的顯示字型之用,特別之處是它的”0″字加入了一斜撇,以方便與字母”O(jiān)”分辨。

在 Consolas 之前,程式碼的顯示字型大多為 Courier New 或其他固定字符寬度的字型,字型的柔邊(反鋸齒)效果則依個(gè)人喜好選擇開啟或關(guān)閉,然而 Consolas 是專為柔邊效果而設(shè)計(jì)的字型,特別是為了搭配微軟的 ClearType 技術(shù),如果不開啟 ClearType,Consolas 的顯示效果會(huì)打大折扣。另外,ClearType 技術(shù)還需要搭配液晶顯示器才會(huì)有最佳表現(xiàn)?!猈iki

Consolas:Typical typewriter fonts.

Courier New

字體族科包括: “Courier New”, Courier, “Lucida Sans Typewriter”, “Lucida Typewriter”;

Courier是一個(gè)等寬字體粗襯線字體,主要是依據(jù)打字機(jī)所打印出來(lái)的字形來(lái)設(shè)計(jì),于1955年由Howard “Bud” Kettler設(shè)計(jì)完成。原來(lái)的Courier字體是IBM公司在1950年代設(shè)計(jì)給打印機(jī)使用的字體,但是并未維護(hù)他們的專利,使得這個(gè)字型成為整個(gè)打字機(jī)制造業(yè)的標(biāo)準(zhǔn)。

在現(xiàn)今的電子時(shí)代,此字體也常被使用,因?yàn)槠涞葘挼奶匦钥梢暂p易地對(duì)齊字段的左右邊界,也成為腳本程式設(shè)計(jì)源代碼的常用字體。

12pt的Courier New字體曾是美國(guó)國(guó)務(wù)院的公文標(biāo)準(zhǔn)字體,但于2004年1月停用,改使用14pt的Times New Roman,因?yàn)槠渚摺爆F(xiàn)代性”和”易讀性”——Wiki

Courier New: comes built-in in most operating systems.

Lucida Console

字體族科包括: “Lucida Console”, “Lucida Sans Typewriter”, Monaco, “Bitstream Vera Sans Mono”;

Lucida Console: one of the best monospace fonts out there.

Lucida Sans Typewriter

字體族科包括: “Lucida Sans Typewriter”, “Lucida Console”, Monaco, “Bitstream Vera Sans Mono”;

Lucida Sans Typewriter Font

網(wǎng)頁(yè)設(shè)計(jì)中最常見的夢(mèng)幻體和花體

Brush Script MT

字體族科包括:”Brush Script MT”, 花體英文;

Brush Script: handwritten or paintbrush font effect.

Copperplate

字體族科包括:Copperplate, “Copperplate Gothic Light”, 夢(mèng)幻字體;

Copperplate: Stylish fantasy font for headings.

Papyrus

字體族科包括:Papyrus, 夢(mèng)幻字體;

Papyrus Font

適合移動(dòng)設(shè)備顯示的網(wǎng)頁(yè)安全字體

如果你的網(wǎng)頁(yè)設(shè)計(jì)針對(duì)移動(dòng)設(shè)備,那么上面的很多字體并不使用,因?yàn)榭臻g有限。

下面是一些適合移動(dòng)設(shè)備界面設(shè)計(jì)的網(wǎng)頁(yè)安全字體。

Arial
Courier
Georgia
Palatino
Verdana
Helvetica
Courier New
Times New Roman

希望大家伙能有所收獲,在網(wǎng)頁(yè)設(shè)計(jì)中添加英文的時(shí)候注意這幾點(diǎn)。

日歷

鏈接

個(gè)人資料

存檔