網(wǎng)頁(yè)設(shè)計(jì)中常用的8款字體

2022-05-14    分類(lèi): 網(wǎng)站建設(shè)

字體在網(wǎng)頁(yè)設(shè)計(jì)中扮演了相對(duì)重要的一個(gè)角色,所以在網(wǎng)站中,選用什么樣的字體也是一個(gè)相對(duì)比較重要的工作,今天跟大家分享下在網(wǎng)站當(dāng)中常用的8款字體。


1、微軟雅黑


Vista之后新引入的字體,這個(gè)字體的使用率不用說(shuō)了,可以說(shuō)是web里面最安全的一個(gè)字體。字體方正、簡(jiǎn)潔,被廣泛使用。


2、黑體


黑體字和微軟雅黑差不多,作為非稱(chēng)線(xiàn)字中的一種,一樣具備方正、簡(jiǎn)潔、醒目的特點(diǎn)。這樣的字體特別適合當(dāng)標(biāo)題。其實(shí)黑體在使用上沒(méi)有微軟雅黑來(lái)得清晰明亮,一般在微軟雅黑和黑體的選擇下,個(gè)人更傾向微軟雅黑。



3、華文細(xì)黑


華文細(xì)黑是Mac下的默認(rèn)中文,這套字體跟前面的微軟雅黑相比較,更顯絹細(xì)、秀氣。筆劃細(xì)節(jié)比微軟雅黑處理的多一些,所以整體給人比較精致的感覺(jué)。注意一下,華文細(xì)黑并不是所有電腦的自帶字體,當(dāng)網(wǎng)站文字用到這個(gè)字體的時(shí)候,是需要在自己電腦上下載這套字體的。除此,在寫(xiě)css代碼的時(shí)候,font-family應(yīng)該設(shè)置的選擇性多一下,以保證界面打開(kāi)的好效果。


4、中易宋體


前面介紹的三款字體都是非稱(chēng)線(xiàn)字,接著要介紹的是稱(chēng)線(xiàn)字體——中易宋體,簡(jiǎn)稱(chēng)宋體。宋體在我們的日常中使用范圍也很廣,這是電腦自帶的其中一種字體。宋體是為適應(yīng)印刷術(shù)而出現(xiàn)的一種漢字字體。筆劃有粗細(xì)變化,常用于書(shū)籍、雜志、報(bào)紙印刷的正文排版,所以在大篇幅文章的設(shè)計(jì)時(shí),可以采用宋體。這個(gè)字體是Windows系統(tǒng)下最常見(jiàn)的字體,小字體點(diǎn)陣,大字體TrueType。大標(biāo)題顯示時(shí)字體不是很好看,所以一般不建議用宋體來(lái)當(dāng)標(biāo)題。


5、Arial


說(shuō)到Arial,這套字體是微軟公司網(wǎng)頁(yè)核心字體之一,最常用的sans serif字體,當(dāng)字號(hào)很小時(shí)不容易閱讀。但是,大寫(xiě)的“I”和小寫(xiě)的“l(fā)”是無(wú)法區(qū)別的,所以一般可以考慮用Tahoma字體來(lái)替代。這套字體方正、不花巧、方便閱讀和印刷清晰。使用范圍也是特別的廣泛。但是要知道的是,蘋(píng)果系統(tǒng)下是沒(méi)有這套字體的,蘋(píng)果系統(tǒng)下默認(rèn)的是Helvetica。


6、Tahoma


ahoma是英文Windows操作系統(tǒng)的默認(rèn)字體,這個(gè)字體比較均衡,是種非常圓滑的字體。這個(gè)字體和中文混排顯示時(shí),不會(huì)出現(xiàn)中英文不對(duì)齊的狀態(tài)。這套字體解決了Arial大寫(xiě)“I”與小寫(xiě)“l(fā)”難以分辨的問(wèn)題。也相當(dāng)于在Arial上優(yōu)化了不少。除此,細(xì)看這套字體,可以發(fā)現(xiàn)其實(shí)在一些筆劃的處理上還是很精致的。


7、Helvetica


說(shuō)到Helvetica這套字體,應(yīng)該是設(shè)計(jì)師們的最?lèi)?ài)了吧。這套字體屬于 Realist風(fēng)格,擁有簡(jiǎn)潔現(xiàn)代的線(xiàn)條,受到大部分設(shè)計(jì)師的追捧。這種字體給人一種簡(jiǎn)單、現(xiàn)代化、休閑輕松的感覺(jué)。適用于扁平化設(shè)計(jì),也適合搭配任何設(shè)計(jì)項(xiàng)目,包括banner、平面設(shè)計(jì)以及網(wǎng)頁(yè)字體等。在Mac下面被認(rèn)為是好的網(wǎng)頁(yè)字體,但在Windows下由于Hinting的原因顯示很糟糕。


8、Georgia


說(shuō)到英文的稱(chēng)線(xiàn)字,肯定選是Georgia。這套字體筆劃粗重,襯線(xiàn)明線(xiàn),輪廓較大,小字體顯示也很清晰,同時(shí)細(xì)節(jié)還不錯(cuò)。此種字體風(fēng)格優(yōu)雅又精致,可用于電影海報(bào)、游戲、時(shí)尚類(lèi)網(wǎng)頁(yè)設(shè)計(jì)中。


在專(zhuān)業(yè)的網(wǎng)頁(yè)設(shè)計(jì)里,除了Banner圖、廣告語(yǔ)等特殊情況可能會(huì)用到特殊字體,網(wǎng)頁(yè)中使用的字體以不超過(guò)2種為準(zhǔn),并且最好采用標(biāo)準(zhǔn)字體,比如中文的宋體、微軟雅黑,英文的Arial、Helvetica。只有使用這些系統(tǒng)自帶的字體,才能讓前端開(kāi)發(fā)人員在排版時(shí)高程度地還原設(shè)計(jì)稿的文字效果。倘若使用了特殊字體,在設(shè)計(jì)font-family的時(shí)候,應(yīng)該多設(shè)置幾種字體的優(yōu)先順序,以確保網(wǎng)頁(yè)顯示的好效果。當(dāng)然,我們一般情況下建議使用系統(tǒng)自帶的字體。

網(wǎng)頁(yè)題目:網(wǎng)頁(yè)設(shè)計(jì)中常用的8款字體
網(wǎng)站網(wǎng)址:http://muchs.cn/news10/153360.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供面包屑導(dǎo)航、品牌網(wǎng)站設(shè)計(jì)網(wǎng)站設(shè)計(jì)、外貿(mào)建站、定制網(wǎng)站靜態(tài)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運(yùn)營(yíng)