我在 WordCamp Taipei 活動上分享自己的網站經營心得，其中提到我對網頁的版面設計及排版相當重視，內容寫得好不好其次，更重要的是讓進入網站的訪客會想看看你究竟寫些什麼，就像美食需要擺盤陪襯，美酒需要酒瓶包裝，即使你不是那麼表面，還是不得不承認字型是一個網站需要下點功夫用心研究的元素。
網頁字型
Sans Forgetica 可幫助你在閱讀學習上獲得更好成效的免費英文字型
有許多研究指出適當的學習難度有助於提高學習成效，例如使用單字卡記憶單字會比直接閱讀書籍或筆記來得更有用，因此有大學研究團隊設計出一款特殊字型，讓你在閱讀學習上不會「過目即忘」，透過字體獨特性讓讀者能更長時間記住閱讀的內容，使大腦有更多時間參與更深層次的處理，藉此加深印象，亦能提高學習成果，強化資訊在腦中停留的時間。雖然聽起來有點不可思議，RMIT 大學的研究人員對此進行科學實驗，透過導入此字型幫助學生在考試中獲得更好的成績。
Iconfont.cn 阿里巴巴免費向量圖示庫，可產生中文網頁字型嵌入網站
Google Fonts 免費字型網站提供相當大量的中英文字型下載，如果要運用於網站，也能立即產生內嵌程式碼，以 Webfont 形式在瀏覽器開啟網頁時快速載入字型檔。一般來說，英文字型運用在網頁中幾乎沒什麼太大問題，但中文因為字型檔案太大、授權等問題，就必須借助一些技術來加快載入速度，避免影響使用者讀取網站，例如使用 Typekit、Google Fonts 載入思源黑體提升文字顯示質感（不過後者仍在測試階段）。
Inter UI 側重於螢幕易讀性的免費英文字型，文字偏小依舊可正常閱讀
免費資源網路社群分享過不少免費字型，絕大部分都是以英文字型為主，畢竟英文字型在製作難度上相對於中文少很多很多，不過中文還是有 Google 和 Adobe 共同開發的思源黑體、思源宋體可免費下載，算得上是近幾年免費中文字型最令人期待的開源計畫。英文字型就更不用說了，Google Fonts 一站滿足，如果你想將中文字型運用到網頁裡，可參考「Google Fonts 推出思源黑體中文網頁字型，改善網頁文字顯示效果」教學說明。
IBM Plex：IBM 設計免費字型下載，三種字體類型及風格指南
這幾天看到國外網站介紹，IBM 企業自行開發一款新免費字型「IBM Plex」，同時將它釋出、開放讓所有人可以免費下載使用！此外還提供「IBM Type」風格指南仔細規範各種使用範例，例如當網頁顯示時應該配合什麼樣的字重、大小、間距、書寫風格、行高和對齊方式才會有最佳使用效果。這幾年各家企業公司開始注重自己的設計風格，而這些細節往往代表一家公司的文化精神或方向，若你是設計者，其實可以從這類文件找到不少的靈感，或者將它套用到網頁或其他設計來達到更好的視覺效果。
閱讀全文 » 關於 IBM Plex：IBM 設計免費字型下載，三種字體類型及風格指南
Ionicons：700 個開放原始碼高品質圖示字型免費下載
WordPress 從 3.8 開始加入官方圖示集「Dashicons」，將前台及控制台可能會用到的圖案一致化，當然也能透過 WordPress 本身的 CDN 讓圖示載入速度更快，本來打算將原有網站佈景主題需要用到的圖案也替換成 Dashicons，無奈缺少一些圖示（Dashicons 不打算加入更多社交網路按鈕），Google 的 Material design icons 也是礙於商標使用問題而無法放入其他社群圖示，幾經考慮後只好轉向尋找其他更合適選項，於是促成這篇文章的出現。
閱讀全文 » 關於 Ionicons：700 個開放原始碼高品質圖示字型免費下載
Type Hero 在瀏覽器即時測試 Google Fonts 效果，可切換字型和背景顏色
Google Fonts 可能是目前收錄最多免費英文字型的網站，去年大改版後，原本動線不佳和瀏覽不便等情形已經獲得改善，走向更簡約的設計風格，整體瀏覽感覺是很棒的！假如你不喜歡它的字型搜尋或測試功能，也有開發者自行開發第三方應用，例如 FontCDN 更好用的網頁字型搜尋工具，能直接在網頁快速套用 Google 字型的 Font Swap 外掛程式或是 Better Font Finder 更直覺的字型檢視器，都是這網站之外值得一試的免費服務。
閱讀全文 » 關於 Type Hero 在瀏覽器即時測試 Google Fonts 效果，可切換字型和背景顏色
Better Font Finder 更直覺 Google Fonts 檢視器，可視化介面比較不同字型
說到免費字型可能很多人會立刻想到 Google Fonts，早先經常被詬病介面很難用，後來新設計確實讓瀏覽和搜尋字型方便不少，其實也有一些開發者設計出更好用的 Google Fonts 搜尋工具，例如 FontCDN 或直接在瀏覽器中快速更換、預覽字型的 Font Swap，對於測試字型顯示效果很有幫助。此外，透過 FontReach 收錄百萬網站網頁字型使用情形還能得知當今最熱門的字型排名。
閱讀全文 » 關於 Better Font Finder 更直覺 Google Fonts 檢視器，可視化介面比較不同字型