.pagetitle

{

	font-family:標楷體;	

	font-size:16pt; 

	font-weight:bolder; 

	text-align:center;

	margin-bottom: 10px;

}

如果在 CSS 文件中寫這樣，網頁編碼為 UTF-8，執行後瀏覽器顯示如下（黃色區塊變亂碼）：



修正方法：使用這些字體的英文名稱。

.pagetitle

{

	font-family:DFKai-SB, BiauKai;

	font-size:16pt; 

	font-weight:bolder; 

	text-align:center;

	margin-bottom: 10px;

}

【字體英文名稱】
※ Mac OS：
華文細黑：STHeiti Light [STXihei]
華文黑體：STHeiti
華文楷體：STKaiti
華文宋體：STSong
華文仿宋：STFangsong
儷黑 Pro：LiHei Pro Medium
儷宋 Pro：LiSong Pro Light
標楷體：BiauKai
蘋果儷中黑：Apple LiGothic Medium
蘋果儷細宋：Apple LiSung Light

※ Windows：
新細明體：PMingLiU
細明體：MingLiU
標楷體：DFKai-SB
黑體：SimHei
宋體：SimSun
新宋體：NSimSun
仿宋：FangSong
楷體：KaiTi
仿宋_GB2312：FangSong_GB2312
楷體_GB2312：KaiTi_GB2312
微軟正黑體：Microsoft JhengHei
微軟雅黑體：Microsoft YaHei

※ Office：
隸書：LiSu
幼圓：YouYuan
華文細黑：STXihei
華文楷體：STKaiti
華文宋體：STSong
華文中宋：STZhongsong
華文仿宋：STFangsong
方正舒體：FZShuTi
方正姚體：FZYaoti
華文彩雲：STCaiyun
華文琥珀：STHupo
華文隸書：STLiti
華文行楷：STXingkai
華文新魏：STXinwei




本文引用自 - CSS 常用中文字體與英文名稱比對