對中文網頁來說，CSS 字型設定一直是個麻煩的問題，想直接載入字型檔案容量太大，拖慢網頁速度、耗費過多流量，通常會使用網頁字型解決，像是 Google Fonts 和 Adobe Fonts（以前叫作 Typekit）就有提供思源黑體和思源宋體等中文網頁字型，只要加入一段 JavaScript 程式碼並調整一下 CSS 樣式表就能使用，讓網頁的中文部分更易於閱讀，設計看起來也更有質感。
字型工具
360 查字體：查詢電腦裡的字型能否免費商用，避免產生侵權糾紛
Evernote Design 設計師必備懶人包，一站整合各種設計相關素材資源
FontSpark 找尋字型靈感工具，隨機套用英文字體即時線上預覽
還記得之前介紹過 ColorSpark 隨機產生配色或漸層色組合，協助設計師在開發網頁或應用程式時獲取配色靈感嗎？其實類似的色彩工具還不少，而且很多都有提供使用者快速隨機選色功能，有時候真的沒什麼想法，透過隨機展示可能會有收穫，如果你又不擅於程式碼，網站也會直接提供對應的 CSS 原始碼，方便帶入樣式表使用。除了配色外，字型也是影響使用體驗的重要因素，現在你有更直覺的方法挑選字型。
Sans Forgetica 可幫助你在閱讀學習上獲得更好成效的免費英文字型
有許多研究指出適當的學習難度有助於提高學習成效，例如使用單字卡記憶單字會比直接閱讀書籍或筆記來得更有用，因此有大學研究團隊設計出一款特殊字型，讓你在閱讀學習上不會「過目即忘」，透過字體獨特性讓讀者能更長時間記住閱讀的內容，使大腦有更多時間參與更深層次的處理，藉此加深印象，亦能提高學習成果，強化資訊在腦中停留的時間。雖然聽起來有點不可思議，RMIT 大學的研究人員對此進行科學實驗，透過導入此字型幫助學生在考試中獲得更好的成績。
CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式表（Chrome 擴充功能）
對於網頁設計或開發者來說，想要改善使用者網頁瀏覽體驗通常會從參考其他網站設計著手，我在發現不錯的網站都會去看一下原始碼或樣式表，雖然 Google Chrome 本身就有強大的開發人員工具可以使用，但如果遇到要查詢某個網頁使用的字型或色彩時還是習慣以 Fontface Ninja、Type Sample 這類工具快速找到我要的資訊。
Font Swap 在任何網頁快速更換字體，從 Google Fonts 選擇免費字型一鍵套用（Chrome 擴充功能）
有時候在瀏覽某些網站時會覺得網站使用的字型很醜、很不好閱讀，除了聯絡網站管理者調整，或使用類似 Mercury Reader 工具來開啟閱讀模式，還有其他更好的解決方法嗎？就我所知有一些瀏覽器外掛可快速更改網站字型，不過對一般使用者來說還是稍嫌困難，若有類似需求，本文要介紹一款非常好用的外掛「Font Swap」，可以快速將網站的標題、內文套用成 Google Fonts 裡任何字體。
RandomFont 字型控必備！開啟網頁隨機展示一款英文字型背景故事
Type Anything 從瀏覽器測試建立完美網頁排版，一鍵匯出 CSS 樣式
不怕說出來讓大家知道，其實我對網頁設計很挑剔，尤其在排版方面。如果你經常回來免費資源網路社群，應該會發現這裡更新頻率很高，不單單只有文章內容汰舊換新，連最細節的文字設定我都費盡心思，主要是希望能帶給讀者最好的閱讀感覺。儘管沒有一項設計能符合所有人喜好，我仍在不斷測試、交換中找到最適合大多數人閱讀習慣的排版風格。
Font Fit 在你的網站上測試各種字型排版，即時預覽字體大小顏色樣式
設計網頁時排版和色彩選擇非常重要，其中色彩可以參考「BrandColors」從世界知名品牌標準色來獲得靈感，或是一些我曾經介紹過的配色工具；排版的話考量到字型和字體大小、間距、行高等等，這也是我平時不斷調整及測試的部分。對內容網站來說，提供閱聽者良好閱讀體驗不僅是考驗也是需要努力的目標，試著以讀者角度想，當你在閱讀網站時，會想要得到什麼樣的感覺，這麼說好像有點抽象，你可以利用 Font Fit 來找出最合適的排版設計。