2013年8月22日 星期四

中文網頁字型(一)

中文網頁有多少字型可以選擇?這要看您使用的作業系統,先來說微軟 windows 系統。

Windows XP/2000 作業系統內建中文字型包涵:新細明體(PMingLiU)、標楷體(DFKai-SB)、宋體(simsun)、黑體(simhei)及楷體(simkai)。

繁體中文 XP/2000 系統,預設系統字型是新細明體;在設計網頁時,如果要將字型設定為新細明體,我們可以在 css 設定中將 font-family 這個項目加入:


body {

        font-family: "新細明體", PMingLiU, serif;

}

font-family 可以以逗號分隔列出多個不同的字型,設定在前並且瀏覧方的電腦有安裝字型會先適用。一般來說有同時有中文、英文名稱的字型(新細明體、PMingLiU),可以設定英文名稱(PMingLiu)即可。

需要注意的是在中英文參雜的網頁,雖然新細明體內建英文數字,我個人喜歡以獨立的英文字型,例如 arial 或 verdana 來顯示英文字,同時在中英文字間加入半隔的空白,避免放在一起時帶來的緊迫感。

font-family: arial, "新細明體", PMingLiU, serif;

另外,字型修飾技術(font-hinting)運用在英文字型上,有改善以往顯示鋸齒、粗糙的感覺。但是,在中文字型上卻出現看起來霧霧、沒有力量的反效果。因些建議在設定字型大小時,應儘可能改選有內崁點陣字的 11px、12px、13px、15px、16px 及 20px 這幾個字型大小。

同樣的道理,在簡體中文 XP/2000 系統,預設系統字型改為宋體,簡中宋體與繁中新細明體屬於同一系列的字型,所以看起來相似,比較容易的區別方式是在標點符號位置不同,繁中標點符號置於正中,簡中偏左下。宋體的內崁點陣字是在 12px、13px、14px、15px、16px、17px 字型大小。