Re: [-Fx-] KillSerif Style 更新至 3.0(原 MSJheng

作者: t7yang (t7: 我認為這是一種背叛)   2014-08-31 22:02:25
來源: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
說明:
本作因為受到網路上許多熱心人士的協助,因此秉持回饋與分享的原則,授權方式非
常自由,請參考原始碼之最末註解。
姓名標示的部分可以改成標示原始出處連結(既上述連結)。
作者: Wcw5504 (五月雨)   2014-08-31 22:14:00
看到Justfont跟知乎才知道華文黑體很爛 XD
作者: Kreen (每天要更優秀一點)   2014-08-31 22:16:00
推!
作者: t7yang (t7: 我認為這是一種背叛)   2014-08-31 22:30:00
現在想想,英文字型對應拿掉不知道會不會出問題 XD
作者: mayuyu ((・ω・)ノ)   2014-08-31 22:31:00
感謝分享
作者: Wcw5504 (五月雨)   2014-08-31 23:48:00
英文對應拿掉不影響 大多數網站都有在前面指定英文字型
作者: rick (可惜沒如果)   2014-09-01 08:40:00
我比較想知道 需要多安裝哪些字型才能使用這套(win 7原始)
作者: art1 (人,原來不是人)   2014-09-01 09:44:00
『把「中文-台灣」和「中文-簡體」設定為微軟正黑體 』請問這段是只修改無襯線字型嗎?還是底下的每個都改成正黑?
作者: t7yang (t7: 我認為這是一種背叛)   2014-09-01 15:40:00
有特別針對700做特殊處理後,粗體的效果真的有差(悅目
作者: hijacker (懶人一枚)   2014-09-01 21:41:00
思源黑體的粗體好像是"Source Han Sans TC Bold Bold"似乎沒有regular的樣子
作者: t7yang (t7: 我認為這是一種背叛)   2014-09-01 22:02:00
KAITI對應部分替換時有遺漏,感謝提醒
作者: Wcw5504 (五月雨)   2014-09-01 22:37:00
的確沒有 因為Regular就是代表字重的字串要看全字重的話參考 http://pastebin.com/RKaCnmZa 不過日區狀況下沒有列入 需要自行加入源ノ角ゴシック的對應

Links booklink

Contact Us: admin [ a t ] ucptt.com