Sans-serif

Helvetica: 被評(píng)為設(shè)計(jì)師最愛的字體，Realist風(fēng)格，簡(jiǎn)潔現(xiàn)代的線條，非常受到追捧。在Mac下面被認(rèn)為是最佳的網(wǎng)頁(yè)字體，在Windows下由于Hinting的原因顯示很糟糕。

Arial: Helvetica的「克隆」，和Helvetica非常像，細(xì)節(jié)上比如R和G有小小差別。如果字號(hào)太小，文字太多，看起來(lái)會(huì)有些累眼。Win和Mac顯示都正常

Lucida Family: Lucida Grande是Mac OS UI的標(biāo)準(zhǔn)字體，屬于humanist風(fēng)格，稍微活潑一點(diǎn)。Mac下的顯示要比Win下好。

Verdana: 專門為了屏顯而設(shè)計(jì)的字體，humanist風(fēng)格，在小字號(hào)下仍可以清楚顯示，但是字體細(xì)節(jié)缺失嚴(yán)重，最好別做標(biāo)題。

Tahoma: 也是humanist風(fēng)格，字體和Verdana有點(diǎn)像，但是略窄一些，counter略小，曾經(jīng)是Windows的標(biāo)準(zhǔn)字體，Mac 10.5之后默認(rèn)也有安裝。

Trebuchet MS: 為微軟設(shè)計(jì)的一個(gè)humanist風(fēng)格字體，個(gè)人覺得個(gè)性太過突出，用得不好會(huì)不搭。

Serif

Georgia: 基本上適合正文屏顯的襯線字體，非Georgia莫屬了。筆畫粗重，襯線明線，輪廓較大，小字體顯示也很清晰，同時(shí)細(xì)節(jié)還算OK。

Times: Times是為了報(bào)紙而設(shè)計(jì)的，特點(diǎn)是可以在有限的空間塞進(jìn)去更多的文字，筆畫較弱，小字號(hào)正文屏顯看起來(lái)累眼。曾經(jīng)Engadget改版的時(shí)候用了Times作為正文，被罵得很慘之后換成了Georgia。

?

西文字體只用這幾個(gè)可用：

• Windows：Verdana、Tahoma、Arial 以及 Segoe UI（Vista 或更高版本）

• Verdana 是 Windows 上正文字號(hào)顯示效果最好的西文字體。在 OS X 里效果也不錯(cuò)。
• Tahoma 實(shí)際上基本是 Verdana 的緊湊版本，很丑。它對(duì)網(wǎng)頁(yè)正文來(lái)說(shuō)太緊了。基本沒有什么場(chǎng)合需要舍棄 Verdana 而去用它。
• Lucida Grande 的特性類似 Verdana，都是在小字號(hào)時(shí)很不錯(cuò)的字體。
• Arial 和 Helvetica (Neue) 分別是 Windows 和 OS X 這兩個(gè)平臺(tái)上最中庸的西文字體。毫無(wú)性格，但也不會(huì)添亂，很安全。它們?cè)谡淖痔?hào)時(shí)的清晰度稍遜于 Verdana 和 Lucida Grande，但也不錯(cuò)。
• 如果要兼顧稍大字號(hào)時(shí)的效果，Verdana 和 Lucida Grande 就不太好了，它們?cè)诖笞痔?hào)時(shí)很傻。大字號(hào)時(shí) Arial 在 OS X 上不如 Helvetica 美觀，尤其不如 Helvetica Neue 美觀。但這種針對(duì) OS X 的字體優(yōu)化恐怕一般項(xiàng)目里沒有精力做。
• Segoe UI 和中文搭配起來(lái)太小，而微軟雅黑的西文部分其實(shí)就是基于 Segoe UI 制作的，所以如果要在 Windows 上用 Segoe UI，不如直接用微軟雅黑顯示西文。Segoe UI 和微軟雅黑的西文部分是 Frutiger/Myriad 風(fēng)格的，應(yīng)該說(shuō)總體效果比 Verdana 更美觀，但小字號(hào)表現(xiàn)并不更好。
• PT Sans 的風(fēng)格其實(shí)比較特殊，偶爾需要和冬青黑體簡(jiǎn)體中文混排時(shí)可以考慮。
• 所以 Arial 是最保險(xiǎn)的字體。而且這已經(jīng)是多年的共識(shí)了。
• 如果你真要追求小字號(hào)時(shí)（比如 12 px）的清晰度，那么 Verdana 可能是最好的跨平臺(tái)選擇。

?

可以總結(jié)出：

如果頁(yè)面 charset 是 utf-8, 完美的默認(rèn)字體方案是：

?

1	font-family: arial, sans-serif;

無(wú)論省略 lang 還是設(shè)置為 zh-CN, 在各種環(huán)境下都滿足預(yù)期。

如果頁(yè)面 charset 是 gbk, 推薦默認(rèn)字體方案為：

?

1	font-family: arial;

Chrome OS 下未測(cè)試，根據(jù)陳成博客上的反饋，好像會(huì)因?yàn)闆]有 sans-serif 而導(dǎo)致中文字體很難看。不過考慮 Chrome OS 還未正式發(fā)布，目前可以先忽略。

最后，個(gè)人推薦簡(jiǎn)體中文頁(yè)面的最佳實(shí)踐為：

1 2 3

html lang=zh-CN charset=utf-8 font-family: arial, sans-serif;

?

Windows 95/98/98SE 宋體、黑體、楷體_GB2312、仿宋_GB2312

Windows XP/2000/2003/ME/NT 宋體/新宋體、黑體、楷體_GB2312、仿宋_GB2312 (Windows XP SP3 宋體-PUA)

Windows Vista/7/2008 宋體/新宋體、黑體、楷體、仿宋、微軟雅黑、SimSun-ExtB

例1（小米米官網(wǎng)）：font-family: "Arial","Microsoft YaHei","黑體","宋體",sans-serif;

例2（淘寶技術(shù)研發(fā)中心）：font: 12px/1.5 Tahoma,Helvetica,Arial,'宋體',sans-serif;

例3（加網(wǎng) ）：font: 14px/1.5 'Microsoft YaHei',arial,tahoma,\5b8b\4f53,sans-serif;

例4（淘寶UED）：font: 12px/1 Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;

例5（一淘UX）:font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微軟雅黑', Arial, sans-serif;

Tahoma：一種十分常見的無(wú)襯線字體

Helvetica：一種被廣泛使用的的西文字體

Arial：一套隨同多套微軟應(yīng)用軟件所分發(fā)的無(wú)襯線體TrueType字型

Sans-serif：sans-serif就是無(wú)襯線字體，是一種通用字體族。它在操作系統(tǒng)或者瀏覽器里是可以設(shè)置的，你可以把它設(shè)置成宋體，也可以設(shè)置成微軟雅黑，而設(shè)置的這種字體肯定是當(dāng)前系統(tǒng)里存在的字體，所以使用這個(gè)字體就肯定能顯示出來(lái)，所以在font-family末尾加上sans-serif就能保證調(diào)用。
?

、Window下：

• 宋體（SimSun）：Win下大部分游覽器的默認(rèn)字體，<code>宋體</code>在小字號(hào)下（如12px、14px）的顯示效果還可以接受，但是字號(hào)一大就非常糟糕了，所以使用的時(shí)候要注意。
• 微軟雅黑（"Microsoft Yahei"）：從 Vista 開始，微軟提供了這款新的字體，一款無(wú)襯線的黑體類字體，并且擁有?Regular、Bold?兩種粗細(xì)的字重，顯著提高了字體的顯示效果。現(xiàn)在這款字體已經(jīng)成為Windows游覽器中最值得使用的中文字體。從Win8開始，微軟雅黑又加入了?Light?這款更細(xì)的字重，對(duì)于喜歡細(xì)字體的設(shè)計(jì)、開發(fā)人員又多了一個(gè)新的選擇。
• Arial：Win平臺(tái)上默認(rèn)的無(wú)襯線西文字體（為什么要說(shuō)英文字體后面會(huì)解釋），有多種變體，顯示效果一般。
• Tahoma：十分常見的無(wú)襯線字體，被采用為Windows 2000、Windows XP、Windows Server 2003及Sega游戲主機(jī)Dreamcast等系統(tǒng)的預(yù)設(shè)字型，顯示效果比<code>Arial</code>要好。
• Verdana：無(wú)襯線字體，優(yōu)點(diǎn)在于它在小字上仍結(jié)構(gòu)清晰端整、閱讀辨識(shí)容易。
• 其他：Windows 下默認(rèn)字體列表：微軟官網(wǎng)、維基百科、Office字體
• 結(jié)論：微軟雅黑 為Win平臺(tái)上最值得選擇的中文字體，但非游覽器默認(rèn)，需要設(shè)置；西文字體的選擇以Arial、Tahoma等無(wú)襯線字體為主。

總結(jié)

以上是生活随笔為你收集整理的最常用常见通用字体有哪些的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。