部落格字型設定 Google免費中文字型

在挑選好部落格版型,完成一些基本設定後,第一件事就是修改字型,畢竟這些國外的版型,都是英文字型,字體的大小和樣式套用在中字上,肯定是不適合的!

網頁中文字型選擇不多,一般都是使用”新細明體”和”微軟正黑體”,而Google推出的免費網頁雲端字型 Google Fonts,中文部分雖然僅是Early Access,不過支援的字元也相當廣泛了,挑了思源黑體(Noto Sans TC)和黑體(cwTeXHei),來和”微軟正黑體”比較一下:

微軟正黑體 Microsoft JhengHei
從前有座山,山上有座廟,廟裡有個老和尚,還有一個小和尚。有一天,小和尚對老和尚說:給我講個故事吧,老和尚就說了:從前有座山,山上有座廟,廟裡有個老和尚,還有一個小和尚。有一天,小和尚對老和尚說:給我講個故事吧,老和尚就說……

思源黑體 Noto Sans TC
從前有座山,山上有座廟,廟裡有個老和尚,還有一個小和尚。有一天,小和尚對老和尚說:給我講個故事吧,老和尚就說了:從前有座山,山上有座廟,廟裡有個老和尚,還有一個小和尚。有一天,小和尚對老和尚說:給我講個故事吧,老和尚就說……

黑體 cwTeXHei
從前有座山,山上有座廟,廟裡有個老和尚,還有一個小和尚。有一天,小和尚對老和尚說:給我講個故事吧,老和尚就說了:從前有座山,山上有座廟,廟裡有個老和尚,還有一個小和尚。有一天,小和尚對老和尚說:給我講個故事吧,老和尚就說……

內文部分,我習慣字級15px,可以看出來沒調整font-weight的情況下”微軟正黑體”和”黑體”比較細,”思源黑體”看上去比較是我想要的感覺,內文馬上就決定了;而標題部分,本來是想使用黑體,但套用上去後發現,在粗體時有些字元會簍空,但改回”思源黑體”又覺得有點太粗壯 XD

小夫妻大主廚 – 老婆準備的幸福一餐?
小夫妻大主廚 – 老婆準備的幸福一餐?

所以用CSS調整一下,寬度(font-weight),再加上一點陰影(text-shadow),讓他稍稍變重,變成下面這樣:

小夫妻大主廚 – 老婆準備的幸福一餐?

看起來好多了,暫時就先這樣吧!

Leave a reply:

Your email address will not be published.

Site Footer

Sliding Sidebar

About Me

About Me

歡迎來到我的部落格,我是堅果、史提夫,一個平面、網頁設計師,這裡就是生活記錄和分享,各種拉哩拉雜心得...等等,了解更多請到「初訪看此」謝謝 :)

Social Profiles

Facebook Page