Google Fonts 可能是目前收錄最多免費英文字型的網站，去年大改版後，原本動線不佳和瀏覽不便等情形已經獲得改善，走向更簡約的設計風格，整體瀏覽感覺是很棒的！假如你不喜歡它的字型搜尋或測試功能，也有開發者自行開發第三方應用，例如 FontCDN 更好用的網頁字型搜尋工具，能直接在網頁快速套用 Google 字型的 Font Swap 外掛程式或是 Better Font Finder 更直覺的字型檢視器，都是這網站之外值得一試的免費服務。
網頁字型
Better Font Finder 更直覺 Google Fonts 檢視器，可視化介面比較不同字型
說到免費字型可能很多人會立刻想到 Google Fonts，早先經常被詬病介面很難用，後來新設計確實讓瀏覽和搜尋字型方便不少，其實也有一些開發者設計出更好用的 Google Fonts 搜尋工具，例如 FontCDN 或直接在瀏覽器中快速更換、預覽字型的 Font Swap，對於測試字型顯示效果很有幫助。此外，透過 FontReach 收錄百萬網站網頁字型使用情形還能得知當今最熱門的字型排名。
閱讀全文 » 關於 Better Font Finder 更直覺 Google Fonts 檢視器，可視化介面比較不同字型
Font Swap 在任何網頁快速更換字體，從 Google Fonts 選擇免費字型一鍵套用（Chrome 擴充功能）
有時候在瀏覽某些網站時會覺得網站使用的字型很醜、很不好閱讀，除了聯絡網站管理者調整，或使用類似 Mercury Reader 工具來開啟閱讀模式，還有其他更好的解決方法嗎？就我所知有一些瀏覽器外掛可快速更改網站字型，不過對一般使用者來說還是稍嫌困難，若有類似需求，本文要介紹一款非常好用的外掛「Font Swap」，可以快速將網站的標題、內文套用成 Google Fonts 裡任何字體。
閱讀全文 » 關於 Font Swap 在任何網頁快速更換字體，從 Google Fonts 選擇免費字型一鍵套用（Chrome 擴充功能）
Typicons 免費下載 336 個完美設計、通用向量圖示集
近期出現非常多的向量圖示集，或者可以說是素材庫，以網頁字型（Webfont）方式載入圖示後再透過 CSS 顯示某個圖案，這麼做的好處是支援各種尺寸螢幕，包括 Retina 顯示器，而且也能夠在最短時間開啟網頁，不用擔心拖慢顯示速度。此外，一套圖示裡有非常多圖形，可以用於使用者介面開發或原生應用程式，如果你正好缺圖，可以來本文介紹的網站找找。
Type Anything 從瀏覽器測試建立完美網頁排版，一鍵匯出 CSS 樣式
不怕說出來讓大家知道，其實我對網頁設計很挑剔，尤其在排版方面。如果你經常回來免費資源網路社群，應該會發現這裡更新頻率很高，不單單只有文章內容汰舊換新，連最細節的文字設定我都費盡心思，主要是希望能帶給讀者最好的閱讀感覺。儘管沒有一項設計能符合所有人喜好，我仍在不斷測試、交換中找到最適合大多數人閱讀習慣的排版風格。
Font Fit 在你的網站上測試各種字型排版，即時預覽字體大小顏色樣式
設計網頁時排版和色彩選擇非常重要，其中色彩可以參考「BrandColors」從世界知名品牌標準色來獲得靈感，或是一些我曾經介紹過的配色工具；排版的話考量到字型和字體大小、間距、行高等等，這也是我平時不斷調整及測試的部分。對內容網站來說，提供閱聽者良好閱讀體驗不僅是考驗也是需要努力的目標，試著以讀者角度想，當你在閱讀網站時，會想要得到什麼樣的感覺，這麼說好像有點抽象，你可以利用 Font Fit 來找出最合適的排版設計。