google fonts
很多時候幫自己的 WordPress 網站,找了很漂亮的佈景主題,由於這些佈景主題都是國外作者針對英語系使用者所設計的,因此對於中文字型的支援沒有這麼理想,讓這些漂亮的佈景主題,在呈現網站內容時總是有那麼一點點的遺憾。也因為這樣很多朋友會為自己的佈景主題加上微軟正黑體的支援,雖然微軟是目前多數個人電腦所採用的作業系統,當然也就會支援顯示微軟正黑體的字型,但是如果使用的裝置,沒有支援微軟正黑體字型時,那麼這些字型的設定就會失效。所以今天 max 要跟大家分享一下就算是使用裝置的不同,但是載入的中文字型都可以支援的,那就是 Google Web Fonts Early Access!,網頁上可以找到6種中文字型的支援,使用的方法也很簡單,分享於下列步驟。
1. 開啟 google 字型網頁後,搜尋Chinese Traditional,可以找到Noto Sans TC (Chinese Traditional)思源黑體,cwTeXFangSong (Chinese Traditional)仿宋體,cwTeXHei (Chinese-traditional) 黑體,cwTeXKai (Chinese Traditional) 楷體,cwTeXMing (Chinese Traditional)明體,cwTeXYen (Chinese Traditional)圓體等6種字型。
2. 這6種字型的顯示範例請見附圖(圖一)。
3. 確認自己想要採用的字型後,請使用文字編輯軟體開啟子佈景主題的式樣檔(style.css),在這裡我們以圓體做範例,需要填入如下語法:
1 2 3 |
@import url(http://fonts.googleapis.com/earlyaccess/cwtexyen.css); body { font-family: 'cwTeXYen', sans-serif;} |
4. 這樣就已經可以將網站的中文字型顯示成圓體了,以上完成。
以下就是Google Fonts 在網頁上實際顯示的範例,有興趣的朋友可以參考一下。
Google 中文字型
圓體:朝辭白帝彩雲間,千里江陵一日還。
仿宋體:朝辭白帝彩雲間,千里江陵一日還。
楷體:朝辭白帝彩雲間,千里江陵一日還。
明體:朝辭白帝彩雲間,千里江陵一日還。
黑體:朝辭白帝彩雲間,千里江陵一日還。
其他字型文章推薦
google fonts typography – 自訂漂亮的中英文字型