為什麼現在很多網站新建或者改版,字體都不是宋體了?

比如虎嗅網、新浪的導航、i黑馬等等


那是因為宋體,顯示效果一般,沒有太多美感。

另外主要是前期的操作系統裡面自帶的字體,較少。

許多美觀的字體,都是有專利的,如方正字體等。

魔獸世界因為使用方正字體而被方正集團起訴就是個例子。

在顯示英文字體方面,微軟的操作系統已經帶了很多美觀的英文字體,所以我們看很多英文網站,都是非常漂亮的。


網站改版默認不用宋體是針對目前高解析度屏幕的發展趨勢的明智之選。宋體屬於點陣字體,現在網站應該選用失量字體

為什麼要選用矢量字體?

其實在幾年前,網站不管是用點陣字體還是矢量字體都沒有多大區別,但現在已經進入高解析度屏幕的時代。點陣字體因為是一個一個像素點點出來的,所以早期諾基亞黑白屏手機的那個時代只能使用類似宋體這種點陣字體。點陣字體的好處就在低解析度屏幕上能夠最清晰地顯示文字,顯示小字型大小時還好,但一放大就不好看了。

矢量字體呢,通俗點說吧,就是圖形字體。矢量字體在低解析度屏幕上顯示時恰好和點陣字體相反,大字型大小的時候顯示效果較好,但小字型大小時就只能用不堪入目來形容。有興趣的朋友可以試試在1024*768,或其他縱點不超過768的解析度屏幕上,看看一些Liunx桌面發行版的中文字體顯示效果。

然而高解析度屏幕的出現,正好彌補了矢量字體小字型大小顯示發虛的缺陷。比如在PC顯示器上顯示13號的適量字體是發虛看不清的,而在視網膜屏幕的手機上顯示30號左右卻非常清晰,但在視網膜屏幕上的30號字體仍然是看著非常小的,接近於PC顯示器的13號大小(這點有待考證)。

三大平台的適量字體

蘋果—蘋果麗黑

微軟—微軟雅黑

安卓—文泉驛微米黑


不好看是一方面。另外就是 宋體的「橫豎撇捺」,很乾擾閱讀。

適合快速閱讀,一定是右邊方式。

這是視覺傳達一種。嗯,機場指示牌,都不會用宋體。

補充說明:

襯線體其實適合報紙印刷,大面積、高密度,有襯線隱約有行列的感覺,更容易閱讀。

而電腦和指示牌,並不是高密度大面積的情況,其他字體更方便閱讀。

英文也一樣,右邊字體更適合快速閱讀。


主要是視覺識別可讀性、美觀時尚的原因放棄宋體。字體分為大致兩種serif(襯線字體),也叫帶字腳字體,sans serif(無襯線字體)常用的serif(襯線字體)字體為Time New Roman、Georgia、宋體。如圖

Time New Roman、Georgia、宋體

常用的sans serif(無襯線字體)字體為Verdana、Arial、雅黑。

放棄宋體不能簡單說宋體不美,相反我個人感覺宋體更好看。網站和印刷物不同,網站文字字型大小普通正文是12px,稍大一點14px,大標題無限制18px 24px等,但要注意文字12px時無襯線字體比襯線字體容易讀得多,原因是襯線字體帶有裝飾性的字腳,細心觀察會發現宋體的橫細豎粗,字體放小後橫線很細,這樣無襯線字體(微軟雅黑)閱讀上更容易些。-------關於宋體的美-我感覺就像民國時期一個穿旗袍的大家閨秀,而微軟雅黑和黑體就像生活中的幹練小白領~

另外推薦」冬青黑體簡體中文「字體
本人非字體設計出身,希望知乎里出現字體設計專家


我只想吐槽一句,寫個英文字體會死啊……

虎嗅網

body {
font: normal 14px/24px "Microsoft Yahei","冬青黑體簡體中文 w3","宋體";
}

新浪網導航

body, ul, ol, li, p, form, fieldset, table, td {
font-family: "宋體";
}

i黑馬 - 找靈感 挖黑馬 評熱點 抄本質

* {
font-family: "微軟雅黑";
}


宋體是襯線字體

襯線字體從審美角度較為正式優美,然從眼睛的感受並不及不採用襯線的黑體字,因為襯線體在筆劃上有過多的點綴(筆劃末端的小三角)很容易造成視覺疲勞(尤其是顯示在螢幕上時)。出於上述原因,大部分網頁使用無襯線字體。

——維基百科


推薦閱讀:

如何在電腦或手機的系統/瀏覽器上同時正確顯示 Unicode 的多語種文字?是否有單一字體能夠解決問題?
普通屏幕筆記本安裝黑蘋果如何選擇字體才能有完美的顯示效果?
哪種宋體在電腦上寫文章最好看?疏密合適,看著很舒服
為什麼 Windows 下 cmd 和 PowerShell 不能方便地自定義字體?
word中正文每頁首行設置一個段前距離,怎麼設置?

TAG:網頁設計 | 字體 | 網站 | 宋體 |