這幾天試著為網誌改換風貌,主要是字型外觀上的小小變動。這一切都是從 LinkWithin 的相關文章功能開始的……
先是為了試 LinkWithin,逛了一下舊的網誌文章和所顯示的相關文,後來又改換成 IE 來瀏覽,看看其效果。這一換,發現了許多我用 FireFox 時沒看到的小問題,例如,以前設定的字型,有的看不太出的來;我那滾來滾去的「標籤雲」,用 IE 就執行失敗。
字型的困擾
中文字型,一直是網頁設計上的困擾。以前,大家電腦裡只有細明體(新細明體)和標楷體可用,變化極少,當成是內文字的話,還勉強可看,但要用來當標題,就只能將這些固定的字型加粗,效果是慘不忍睹。
如果網誌裡的文字常有中、英文混雜時,字型的問題就更大了。因為這些中文字型裡的英文字和數字都不怎麼好看,加上寬度是固定的,看起來就是怪異。
微軟後來在系統裡加了一個「正黑體」,解決了部分問題。正黑體搭配成組的粗體字,效果好多了,其英文字和數字也很配,所以後來我就將標題字改成正黑體了。
但我的網誌,模版是仿中古時期的復古風格,它預設的英文字型,是系統裡的 Georgia。系統裡的英文字型,雖然比較多樣,但還是有其限制,Georgia 已是現有字型裡頗具古典風味的一種了,為了維持這種風格,我在設定標題字的 CSS 的 font-family 裡,先設定了 Georgia 字型,再設微軟正黑體字型,如此碰到英文字的時候,會優先顯示我設的 Georgia字型,而英文字型裡沒有的中文字,才會用正黑體( IE 好像並不支援這種設定方式)。
使用網路字型
而正黑體的字型,我認為太「現代」了,加上 Georgia 字型,也不太適合當標題,所以這樣的設定,我一直不太滿意。利用這次重整理的機會,我決定採用網路上提供的字型服務;也就是說,透過網路來擷取字型,如此一來,字型的使用就可擺脫掉系統字型的限制,變得更多樣一點。
我知道有提供網路字型服務的,有 Kernest 和 Google Font API。原先我是傾向於使用 Kernest,但該網站的字型太多,且分類和預覽功能也做的不好,找起字型來令人十分頭痛。Google Font API 的介面非常好操作,不過他們提供的字型實在太少,我一直找不到適合我版面的。