Re: [-Fx-] KillSerif Style 更新至 3.0（原 MSJheng
來源：http://t7yang.blogspot.tw/2014/07/killserif-style-update-2.html
因為今天 PTT 上有人提到了字型的問題，所以就把東西整理了一下。這版更新的幅度很
大，也有一些待測試的部分。
忘了有沒有在部落格發表這個 CSS 的文章了（連這都懶得去查），稍微解釋一下，這個
CSS 就是讓瀏覽器強制使用指定的黑體中文字型去替換網路上常見的中文字型，同時不
會有市面上一般的解決方案會導致圖形字型被破壞的問題。
廢話不多，直接看更新紀錄最快，3.0 一共有七個更動：
1.新增：「微软雅黑」字型對應
2.新增：「黑体」字型對應
3.新增：增加所有思源體和其衍生字型對應（感謝 wcw5504 提供）
4.新增：Heiti TC & Heiti SC對應，納入 OSX 中文字型支援，正黑體優先乃考量
Windows 使用者有安裝思源體（待測試）
5.新增：針對 400 和 700 字重做特殊處理（待測試，感謝 wcw5504 提供）
6.調整：移除文字陰影效果的色彩指定、縱橫軸偏移、調整模糊度至0.001em（模糊度
建議範圍0.001~0.01em，感謝 wcw5504 提供資訊）
7.移除：移除 Arial 字型對應、註解 Times New Roman 字型
以下清單使對應上述清單的說明：
1.就普通的字型對應
2.同上
3.因為思源體以太多不同的名稱釋出，所以為了要涵蓋到所以思源體的對應就必須把不
同名稱的字型檔都納入
4.不要懷疑，有些「天才型」的網站會真的在 CSS 中指定華文黑體這套「超棒」的字
型，譬如「關鍵X論網」 ，主要也是朋友提醒了，所以順手把這個問題考量進來
5.這主要是字重的問題，只考慮 400 跟 700 是因為這倆是最常見的，涵蓋所有字重
的效益有點低。對這個議題有興趣的讀者可以去 BBS Browser 版 a wcw5504
6.文字陰影的部分在經過 wcw5504 的提醒後，發現效果有所變化。我自己實測的結果
是 0.001em 的效果最好，還是要提醒，註解依然沒有拿掉，要啟用，請自行拿掉註
解
7.覺得英文字型的部分已經沒有必要了，尤其 Arial 本身就是黑體
別忘了，有任何的問題，請記得回饋給我，感謝。
最後附上網址：
http://pastebin.com/cTkZTBD1
說明：
本作因為受到網路上許多熱心人士的協助，因此秉持回饋與分享的原則，授權方式非
常自由，請參考原始碼之最末註解。
姓名標示的部分可以改成標示原始出處連結（既上述連結）。
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 140.113.73.123
※ 文章網址: http://www.ptt.cc/bbs/Browsers/M.1409493752.A.ED3.html
推
08/31 22:14, , 1F
08/31 22:14, 1F
推
08/31 22:16, , 2F
08/31 22:16, 2F
→
08/31 22:30, , 3F
08/31 22:30, 3F
推
08/31 22:31, , 4F
08/31 22:31, 4F
→
08/31 23:48, , 5F
08/31 23:48, 5F
推
09/01 08:40, , 6F
09/01 08:40, 6F
理論上完全不需要安裝額外的字型檔，因為自Vista後內建正黑體
推
09/01 09:44, , 7F
09/01 09:44, 7F
→
09/01 09:45, , 8F
09/01 09:45, 8F
襯線跟無襯線都可以設定，你只設定無襯線應該也OK的
※ 編輯: t7yang (140.113.73.123), 09/01/2014 12:37:41
→
09/01 15:40, , 9F
09/01 15:40, 9F
→
09/01 21:41, , 10F
09/01 21:41, 10F
→
09/01 21:42, , 11F
09/01 21:42, 11F
→
09/01 22:02, , 12F
09/01 22:02, 12F
推
09/01 22:37, , 13F
09/01 22:37, 13F
→
09/01 22:39, , 14F
09/01 22:39, 14F
→
09/01 22:40, , 15F
09/01 22:40, 15F