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

By 史提夫 - 12月 29, 2016



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


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

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


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


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


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

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

所以用CSS調整一下,寬度(font-weight),再加上一點陰影(text-shadow),讓他稍稍變重,變成下面這樣:
小夫妻大主廚 - 老婆準備的幸福一餐?


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

  • Share:

You Might Also Like

0 意見