用靈魂感悟設(shè)計(jì) · 用設(shè)計(jì)創(chuàng)造價(jià)值
WITH SOUL FEELING DESIGN WITH DESIGN TO CREATE VALUE
您當(dāng)前位置:  設(shè)計(jì)中國(guó)    ⁄    網(wǎng)頁(yè)設(shè)計(jì)    ⁄ 資訊內(nèi)容

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

作者:admin      來源:互聯(lián)網(wǎng)      發(fā)布時(shí)間: 2017/7/1 14:03:01     瀏覽:
字體在網(wǎng)站中扮演了相對(duì)重要的一個(gè)角色,所以在網(wǎng)站中,選用什么樣的字體也是一個(gè)相對(duì)比較重要的工作

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

  1、微軟雅黑

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

  2、黑體

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

  3、華文細(xì)黑

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

  4、中易宋體

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

  5、Arial

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

  6、Tahoma

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

  7、Helvetica

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

  8、Georgia

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

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