網(wǎng)頁設(shè)計(jì)中最常用的英文字體
前面圖趣一直在跟大家介紹網(wǎng)頁設(shè)計(jì)進(jìn)階教程,中間穿插幾個(gè)網(wǎng)頁設(shè)計(jì)相關(guān)的其他教程,下面我們會(huì)繼續(xù)奉上進(jìn)階八、九十的教程。
CSS中對(duì)文字的控制在以往的文章中有過不少的介紹,但關(guān)于字體的還沒有。今天向大家介紹一些網(wǎng)頁設(shè)計(jì)中常用的英文字體,希望在今后的字體設(shè)置中,對(duì)您的設(shè)計(jì)有所幫助。
Arial
Arial是一套隨同多套微軟應(yīng)用軟件所分發(fā)的無襯線體TrueType字型。雖然比例及字重(weight)和Helvetica極之相近,但 Arial其實(shí)是Monotype Grotesque系列的變種。設(shè)計(jì)Arial時(shí)考慮到會(huì)在電腦上面使用,在字體及字距上都作了一些細(xì)微的調(diào)整和變動(dòng),以增加它在電腦屏幕上不同分辨率下的可讀性。
Helvetica
Helvetica是一種廣泛使用的西文無襯線字體,是瑞士圖形設(shè)計(jì)師馬克斯· 米耶丁格(Max Miedinger)于1957年設(shè)計(jì)的。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)用。
Tahoma
Tahoma是一個(gè)十分常見的無襯線字體,字體結(jié)構(gòu)和Verdana很相似,其字符間距較小,而且對(duì)Unicode字集的支援范圍較大。Tahoma 和Verdana師出同門,同為名設(shè)計(jì)師馬修·卡特的作品,由微軟在1999 年推出。許多不喜歡Arial字體的人常常會(huì)改用Tahoma來代替,除了是因?yàn)門ahoma很容易取得之外,也是因?yàn)門ahoma沒有一些Arial為人詬病的缺點(diǎn),例如大寫“I”與小寫“l”難以分辨等。
Verdana
Verdana,是一套無襯線字體,由于它在小字上仍有結(jié)構(gòu)清晰端整、閱讀辨識(shí)容易等高品質(zhì)的表現(xiàn),因而在1996年推出后即迅速成為許多領(lǐng)域所愛用的標(biāo)準(zhǔn)字型之一。“Verdana”一名是由“verdant”和“Ana”兩字所組成的。“verdant”意為“蒼翠”,象征著“翡翠之城”西雅圖及有“常青州”之稱的華盛頓州。“Ana”則來自于維吉尼亞·惠烈大女兒的名字。
Lucida Grande
Lucida Grande是一種西文無襯線體字體,屬于人文主義體。它是蘋果公司Mac OS X操作系統(tǒng)的默認(rèn)字體。作為Lucida字體家族的一員,它的設(shè)計(jì)師是查爾斯·畢格羅(Charles Bigelow)和克里斯·霍爾姆斯(Kris Holmes)。它的數(shù)字版本屬于TrueType并且貫穿了整個(gè)Mac OS X 圖形用戶界面。
Times New Roman
Times New Roman(泰晤士新羅馬),可能是最常見且廣為人知的襯線字體之一,在字體設(shè)計(jì)上屬于過渡型襯線體,對(duì)后來的字型產(chǎn)生了很深遠(yuǎn)的影響。另外由于其中規(guī)中矩、四平八穩(wěn)的經(jīng)典外觀,所以常被選為標(biāo)準(zhǔn)字體之一。
Georgia
Georgia是一種襯線字體,為著名字型設(shè)計(jì)師馬修·卡特(Matthew Carter)于1993年為微軟所設(shè)計(jì)的作品,具有在小字下仍能清晰辨識(shí)的特性,可讀性十分優(yōu)良。其命名發(fā)想自一份小報(bào)報(bào)道在美國佐治亞州發(fā)現(xiàn)外星人頭顱的測試性頭條。微軟將Georgia列入網(wǎng)頁核心字型,是Windows系統(tǒng)的內(nèi)建字型之一。蘋果電腦的麥金塔系統(tǒng)之后也跟進(jìn)采用Georgia作為內(nèi)建字型之一。
字體下載:http://font.knowsky.com/ 字體大寶庫
http://www.zhaozi.cn 找字網(wǎng)
本文地址:http://pkvc.cn/tutorial/di969.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁設(shè)計(jì)中的常見頁面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫:40款為網(wǎng)頁設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺設(shè)計(jì)分享—專題頁面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏