我在 WordCamp Taipei 活動上分享自己的網站經營心得,其中提到我對網頁的版面設計及排版相當重視,內容寫得好不好其次,更重要的是讓進入網站的訪客會想看看你究竟寫些什麼,就像美食需要擺盤陪襯,美酒需要酒瓶包裝,即使你不是那麼表面,還是不得不承認字型是一個網站需要下點功夫用心研究的元素。
Free Web Fonts
Type Hero 在瀏覽器即時測試 Google Fonts 效果,可切換字型和背景顏色
Google Fonts 可能是目前收錄最多免費英文字型的網站,去年大改版後,原本動線不佳和瀏覽不便等情形已經獲得改善,走向更簡約的設計風格,整體瀏覽感覺是很棒的!假如你不喜歡它的字型搜尋或測試功能,也有開發者自行開發第三方應用,例如 FontCDN 更好用的網頁字型搜尋工具,能直接在網頁快速套用 Google 字型的 Font Swap 外掛程式或是 Better Font Finder 更直覺的字型檢視器,都是這網站之外值得一試的免費服務。
Better Font Finder 更直覺 Google Fonts 檢視器,可視化介面比較不同字型
Google Fonts 網站全新設計,免費下載八百種英文字型
Google Fonts 免費字型網站一直是我非常喜愛的 Google 服務,其中收錄大量開放原始碼字型專案,讓使用者透過目錄篩選的方式找到自己需要的字型資源,除了免費下載也能藉由產生程式碼將字體內嵌到網站使用,大家都知道 Google 擁有相當龐大的網路連線能力,因此網路字型不僅能讓文字樣式更多樣化,也不會對載入速度造成影響,之前 Google Fonts 已將中文思源黑體放入 Early Access 測試頁面,用以改善中文網頁的文字顯示效果。
Google Fonts 推出「思源黑體」中文網頁字型,改善網頁文字顯示效果

思源黑體是 Adobe 和 Google 共同開發的開放原始碼字型,發佈時就已支援繁體中文、簡體中文、日文及韓文,因此深受許多使用者喜愛(尤其中文字型在製作難度上很高,除了付費項目外幾乎沒有更多選擇),其開源特性使更多字型同好得以就細部進行調整,重新設計出更不一樣的字型,例如:思源真黑體、思源柔黑體等等。
FontCDN 更好用的 Google Fonts 網頁字型搜尋工具
對於網頁開發者來說,Google Fonts 提供了一系列相當豐富的網頁字型資源,讓我們可以免費使用數百種字體,藉此讓網頁更加美觀,提升整體易讀性。但如果經常使用 Google Fonts 的話,會發現它的網站介面其實不好操作,於是國外有使用者重新改造,推出一個便於操作的替代方案。
為網站載入 Typekit「思源黑體」中文網頁字型,提升文字顯示質感
Adobe 推出 Edge Web Fonts 免費網頁字型服務,Google Web Fonts 以外的另一個選擇
之前介紹過 Google Web Fonts ,是一款由 Google 提供的免費網頁字型開源目錄,運用在網頁設計與開發上能夠有更多的美麗字型,而另一款 justFont 則提供了中文的網路字型,不過現在你還有另外一個選擇,Adobe 推出了名為 Adobe Edge Web Fonts 的替代方案,它是一項免費網頁字型服務,字型部分由 Typekit 提供,可以快速將其他字型套用到網站裡使用,不但快速、穩定,而且免費。