2022-04-15 19:59:19|已瀏覽:306次
網(wǎng)頁設(shè)計什么字體好看?網(wǎng)頁設(shè)計中,字體微軟雅黑是Vista之后新引入的字體,這個字體的使用率不用說了,可以說是web里面***的一個字體。字體方正、簡潔,被廣泛使用。下面是網(wǎng)頁設(shè)計什么字體好看的介紹,希望對您有所幫助。
字體在網(wǎng)頁設(shè)計中扮演了相對重要的一個角色,網(wǎng)頁設(shè)計什么字體好看?所以在網(wǎng)站中,選用什么樣的字體也是一個相對比較重要的工作,今天跟大家分享下在網(wǎng)站當中好看的多款字體。
網(wǎng)頁設(shè)計什么字體好看:
1、微軟雅黑
Vista之后新引入的字體,這個字體的使用率不用說了,可以說是web里面***的一個字體。字體方正、簡潔,被廣泛使用。
2、黑體
黑體字和微軟雅黑差不多,作為非稱線字中的一種,一樣具備方正、簡潔、醒目的特點。這樣的字體特別適合當標題。其實黑體在使用上沒有微軟雅黑來得清晰明亮,一般在微軟雅黑和黑體的選擇下,個人更傾向微軟雅黑。
3、華文細黑
華文細黑是Mac下的默認中文,這套字體跟前面的微軟雅黑相比較,更顯絹細、秀氣。筆劃細節(jié)比微軟雅黑處理的多一些,所以整體給人比較精致的感覺。注意一下,華文細黑并不是所有電腦的自帶字體,當網(wǎng)站文字用到這個字體的時候,是需要在自己電腦上下載這套字體的。除此,在寫css代碼的時候,font-family應(yīng)該設(shè)置的選擇性多一下,以保證界面打開的***效果。
4、中易宋體
前面介紹的三款字體都是非稱線字,接著要介紹的是稱線字體——中易宋體,簡稱宋體。宋體在我們的日常中使用范圍也很廣,這是電腦自帶的其中一種字體。宋體是為適應(yīng)印刷術(shù)而出現(xiàn)的一種漢字字體。筆劃有粗細變化,常用于書籍、雜志、報紙印刷的正文排版,所以在大篇幅文章的設(shè)計時,可以采用宋體。這個字體是Windows系統(tǒng)下最常見的字體,小字體點陣,大字體TrueType。大標題顯示時字體不是很好看,所以一般不建議用宋體來當標題。
5、Arial
說到Arial,這套字體是微軟公司網(wǎng)頁核心字體之一,最常用的sans serif字體,當字號很小時不容易閱讀。但是,大寫的“I”和小寫的“l(fā)”是無法區(qū)別的,所以一般可以考慮用Tahoma字體來替代。這套字體方正、不花巧、方便閱讀和印刷清晰。使用范圍也是特別的廣泛。但是要知道的是,蘋果系統(tǒng)下是沒有這套字體的,蘋果系統(tǒng)下默認的是Helvetica。
6、Tahoma
ahoma是英文Windows操作系統(tǒng)的默認字體,這個字體比較均衡,是種非常圓滑的字體。這個字體和中文混排顯示時,不會出現(xiàn)中英文不對齊的狀態(tài)。這套字體解決了Arial大寫“I”與小寫“l(fā)”難以分辨的問題。也相當于在Arial上優(yōu)化了不少。除此,細看這套字體,可以發(fā)現(xiàn)其實在一些筆劃的處理上還是很精致的。
7、Helvetica
說到Helvetica這套字體,應(yīng)該是設(shè)計師們的***了吧。這套字體屬于 Realist風格,擁有簡潔現(xiàn)代的線條,受到大部分設(shè)計師的追捧。這種字體給人一種簡單、現(xiàn)代化、休閑輕松的感覺。適用于扁平化設(shè)計,也適合搭配任何設(shè)計項目,包括banner、平面設(shè)計以及網(wǎng)頁字體等。在Mac下面被認為是***的網(wǎng)頁字體,但在Windows下由于Hinting的原因顯示很糟糕。
8、Georgia
說到英文的稱線字,肯定是Georgia。這套字體筆劃粗重,襯線明線,輪廓較大,小字體顯示也很清晰,同時細節(jié)還不錯。此種字體風格優(yōu)雅又精致,可用于電影海報、游戲、時尚類網(wǎng)頁設(shè)計中。
在專業(yè)的網(wǎng)頁設(shè)計里,除了Banner圖、廣告語等特殊情況可能會用到特殊字體,網(wǎng)頁中使用的字體以不超過2種為準,并且***采用標準字體,比如中文的宋體、微軟雅黑,英文的Arial、Helvetica。只有使用這些系統(tǒng)自帶的字體,才能讓前端開發(fā)人員在排版時高程度地還原設(shè)計稿的文字效果。倘若使用了特殊字體,在設(shè)計font-family的時候,應(yīng)該多設(shè)置幾種字體的優(yōu)先順序,以確保網(wǎng)頁顯示的***效果。當然,我們一般情況下建議使用系統(tǒng)自帶的字體。
網(wǎng)頁設(shè)計中最常用的字體
英文字體
Sans-serif
Helvetica: 被評為設(shè)計師的字體,Realist風格,簡潔現(xiàn)代的線條,非常受到追捧。在Mac下面被認為是網(wǎng)頁字體,在Windows下由于Hinting的原因顯示很糟糕。
Arial: Helvetica的「克隆」,和Helvetica非常像,細節(jié)上比如R和G有小小差別。如果字號太小,文字太多,看起來會有些累眼。Win和Mac顯示都正常
Lucida Family: Lucida Grande是Mac OS UI的標準字體,屬于humanist風格,稍微活潑一點。Mac下的顯示要比Win下好。
Verdana: 專門為了屏顯而設(shè)計的字體,humanist風格,在小字號下仍可以清楚顯示,但是字體細節(jié)缺失嚴重,***別做標題。
Tahoma: 也是humanist風格,字體和Verdana有點像,但是略窄一些,counter略小,曾經(jīng)是Windows的標準字體,Mac 10.5之后默認也有安裝。
Trebuchet MS: 為微軟設(shè)計的一個humanist風格字體,個人覺得個性太過突出,用得不好會不搭。
Verdana,是一套無襯線字體,由于它在小字上仍有結(jié)構(gòu)清晰端整、閱讀辨識容易等高品質(zhì)的表現(xiàn),因而在1996年推出后即迅速成為許多領(lǐng)域所愛用的標準字型之一。
Serif
Georgia: 基本上適合正文屏顯的襯線字體,非Georgia莫屬了。筆畫粗重,襯線明線,輪廓較大,小字體顯示也很清晰,同時細節(jié)還算OK。
Times: Times是為了報紙而設(shè)計的,特點是可以在有限的空間塞進去更多的文字,筆畫較弱,小字號正文屏顯看起來累眼。曾經(jīng)Engadget改版的時候用了Times作為正文,被罵得很慘之后換成了Georgia。
有些偏藝術(shù)類的網(wǎng)站的大字會使用lobster。更藝術(shù)的網(wǎng)站就搜索free font,或者font freebie吧,出現(xiàn)的名字格式為“X種免費網(wǎng)頁設(shè)計字體”的博客文章,都進去看一眼,挑一個就好。
Trebuchet、Georgia、Times New Roman、Arial、Lucida等字體在26px或更大像素時效果是比較好的,非常適合作為正文的標題。
中文字體
中易宋體:Win最常見的字體,小字體點陣,大字體TrueType,但是大字體并不好看,所以別做標題。
微軟雅黑:Vista之后新引入的字體,打開Cleartype之后顯示效果不錯,不開Cleartype發(fā)虛。
華文細黑:Mac下的默認中文。
Droid Sans和衍生的WenQuanYi Microhei:Andriod中的中文,也是Linux絕大多數(shù)發(fā)行版本的默認中文,,當然也有用WenQuanyi Zenhei的,不過比較少了。
如果是中文字體,設(shè)計的時候***使用微軟雅黑。微軟雅黑配上h3比較好看。
因為前端工程師在實現(xiàn)網(wǎng)站的時候,能夠使用的中文字體局限于一下幾種:
宋體、微軟雅黑、Lucida Grande(蘋果官方網(wǎng)站使用的中文字體)。
注:尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://m.universityresearchassociates.com/news-id-28762.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實性請自行核實或聯(lián)系我們,了解更多相關(guān)資訊請關(guān)注網(wǎng)頁制作頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費申請試課。關(guān)注官方微信了解更多:150 3333 6050