前言:
這個 CSS 就是讓瀏覽器強制使用指定的黑體中文字型去替換網路上常見的中文字型(襯線字型或簡體字型),同時不會有網路上一般的解決方案導致圖形字型(Icon Font)被破壞的問題。另外輔以 CSS 的文字陰影效果(text-shadow)對文字加上適度的強化使文字更加立體,以便更好地進行閱讀。
雖然有一直在更新,但是都沒有在部落格更新小心,這次直接集合5.1到5.3的更新。5.1主要是針對思源黑體的更新改了一些字型的名稱,還有加入自訂字型的選項,讓想要使用其他字型作為對應的使用者更方便使用。5.2主要是修正非使用微軟正黑體作為主要顯示字型的使用者無法正確替換微軟正黑體的情況,主要是因為這個樣式原本就叫做MSJhengHei Style,所以當初就沒有把微軟正黑體納入對應的字型中。5.3主要是針對Firefox加入了「微軟正黑體淡」的選項,因為我發現使用「微軟正黑體淡」加上文字陰影效果後整體相當棒,所以就加入了這個選項,粗體的部分仍然維持一樣,因為效果不佳。至於Chromium Based的使用者為什麼不能用,因為CB的程式碼不一樣,除非分開一般字型根粗體字型。有人跟我提我才考慮。
更新內容:
5.3
- 新增:加入「微軟正黑體淡」到字型選項中,僅新增到FX一般字型選項中(若使用此字型建議同時啟用文字陰影,否則會文字會太虛,FX)
- 調整:修正一些字型選項中的文字
5.2
- 修正:補上「微軟正黑體」相關字型對應,以解決非使用微軟正黑體當作顯示字型時不會被替換的情況。
5.1
- 新增:自訂對應字型
- 新增:「Courier」字型對應(中文部分)
- 調整:選項「Noto Sans T Chinese 」→「Noto Sans TC」(@wcw5504 )
- 調整:選項「Noto Sans CJK」→「Noto Sans CJK TC」(@wcw5504 )
- 修正:補上一般字型缺「Microsoft YaHei UI」對應
別忘了,有任何的問題,請記得回饋給我,感謝讀者和所有的協作者。
最後附上網址:
說明:
本作因為受到網路上許多熱心人士的協助,因此秉持回饋與分享的原則,授權方式非常自由,請參考原始碼之最末註解。
姓名標示的部分可以改成標示原始出處連結(既上述連結)。