字體在網頁設計中扮演了相對重要的一個角色,所以在網站中,選用什么樣的字體也是一個相對比較重要的工作,本文跟大家分享下在網站當中常用的8款字體。
1、微軟雅黑
Vista之后新引入的字體,這個字體的使用率不用說了,可以說是web里面最安全的一個字體。字體方正、簡潔,被廣泛使用。
2、黑體
黑體字和微軟雅黑差不多,作為非稱線字中的一種,一樣具備方正、簡潔、醒目的特點。這樣的字體特別適合當標題。其實黑體在使用上沒有微軟雅黑來得清晰明亮,一般在微軟雅黑和黑體的選擇下,個人更傾向微軟雅黑。
3、華文細黑
華文細黑是Mac下的默認中文,這套字體跟前面的微軟雅黑相比較,更顯絹細、秀氣。筆劃細節比微軟雅黑處理的多一些,所以整體給人比較精致的感覺。注意一下,華文細黑并不是所有電腦的自帶字體,當網站文字用到這個字體的時候,是需要在自己電腦上下載這套字體的。除此,在寫css代碼的時候,font-family應該設置的選擇性多一下,以保證界面打開的最佳效果。
4、中易宋體
前面介紹的三款字體都是非稱線字,接著要介紹的是稱線字體——中易宋體,簡稱宋體。宋體在我們的日常中使用范圍也很廣,這是電腦自帶的其中一種字體。宋體是為適應印刷術而出現的一種漢字字體。筆劃有粗細變化,常用于書籍、雜志、報紙印刷的正文排版,所以在大篇幅文章的設計時,可以采用宋體。這個字體是Windows系統下最常見的字體,小字體點陣,大字體TrueType。大標題顯示時字體不是很好看,所以一般不建議用宋體來當標題。
5、Arial
說到Arial,這套字體是微軟公司網頁核心字體之一,最常用的sans serif字體,當字號很小時不容易閱讀。但是,大寫的“I”和小寫的“l”是無法區別的,所以一般可以考慮用Tahoma字體來替代。這套字體方正、不花巧、方便閱讀和印刷清晰。使用范圍也是特別的廣泛。但是要知道的是,蘋果系統下是沒有這套字體的,蘋果系統下默認的是Helvetica。
6、Tahoma
ahoma是英文Windows操作系統的默認字體,這個字體比較均衡,是種非常圓滑的字體。這個字體和中文混排顯示時,不會出現中英文不對齊的狀態。這套字體解決了Arial大寫“I”與小寫“l”難以分辨的問題。也相當于在Arial上優化了不少。除此,細看這套字體,可以發現其實在一些筆劃的處理上還是很精致的。
7、Helvetica
說到Helvetica這套字體,應該是設計師們的最愛了吧。這套字體屬于 Realist風格,擁有簡潔現代的線條,受到大部分設計師的追捧。這種字體給人一種簡單、現代化、休閑輕松的感覺。適用于扁平化設計,也適合搭配任何設計項目,包括banner、平面設計以及網頁字體等。在Mac下面被認為是最佳的網頁字體,但在Windows下由于Hinting的原因顯示很糟糕。
8、Georgia
說到英文的稱線字,肯定首選是Georgia。這套字體筆劃粗重,襯線明線,輪廓較大,小字體顯示也很清晰,同時細節還不錯。此種字體風格優雅又精致,可用于電影海報、游戲、時尚類網頁設計中。
在專業的網頁設計里,除了Banner圖、廣告語等特殊情況可能會用到特殊字體,網頁中使用的字體以不超過2種為準,并且最好采用標準字體,比如中文的宋體、微軟雅黑,英文的Arial、Helvetica。只有使用這些系統自帶的字體,才能讓前端開發人員在排版時高程度地還原設計稿的文字效果。倘若使用了特殊字體,在設計font-family的時候,應該多設置幾種字體的優先順序,以確保網頁顯示的最佳效果。當然,我們一般情況下建議使用系統自帶的字體。