字體、字号的恰當運用對網頁的影響

Date:2018/04/03

字體和字号這兩個元素必須捏在一起說。

字體分為襯線體(serif)與非襯線體(sans serif)。北京網站制作公司簡單的說,襯線體(serif)就是帶有襯線的字體,筆畫粗細不同并帶有額外的裝飾,開始和結尾有明顯的筆觸。常用的英文襯線體 有Times New Roman和Georgia,中文即是我們在windows下常見的中易宋體。

與襯線體相反,無襯線裝飾,筆畫粗細無明顯查差異的字體就是非襯線體(sans serif)。Arial、Helvetica、Verdanad都是我們熟悉的英文非襯線體,中文有微軟雅黑和mac下默認的中文-華文細黑。

在過去,普遍認為有筆觸裝飾的襯線體,可提高辨識度和閱讀效率,更适合做為閱讀的字體。多用于報紙、書籍等印刷品的正文。非襯線體飽滿醒目,常用做标題或者用于較短的段落。

很長一段時間裡,在互聯網上我們會注意這樣的一個現象,國外網站大部分以非襯線體為主,而中文網站基本就是宋體。其實不難理解,襯線字體筆 畫有粗細之分,很小字的情況下細筆畫就被弱化,受限于電腦的分辨率,10-12px的襯線字體在顯示器上是相當難辨認的(見下圖);同字号的非襯線體筆畫 簡潔而飽滿,更适于做網頁字體。windows下,中文宋體小字點陣的特性,12px、14px的字号顯示仍然相當清晰美觀,便于閱讀。這也就是為什麼大 多網頁設計制作人員容易機械性的選用特定字号或英文或中文的字體。

如今随着顯示器越來越大,分辨率越來越高,經常會覺得看12px的文字有點吃力,做為設計師也會不自覺的開始大量使用14px的字體,而且 越來越多的網站開始使用15、16px甚至18px以上的字号做正文文字。大字号的使用,對英文字體來講,襯線體的高辨識度和流暢閱讀的優勢就體現出來 了。中文宋體在顯示14号以上字體時,單線條大字總是看上去有些單薄不那麼協調,特别是這款點陣字在ClearType強制平滑顯示狀态下尤其顯得模糊不清。微軟雅黑就是微軟在這個字體顯示問題上的解決方案。

讓我們分别對比下中英文的襯線體與非襯線體在不同字号時的顯示效果。

供銷社
  • PC端網站建設
  • 移動端網站建設
  • 微信公衆号應用
  • 微信小程序應用
  • VR/360全景應用
  • HTML5應用