設計網頁時排版和色彩選擇非常重要，其中色彩可以參考「BrandColors」從世界知名品牌標準色來獲得靈感，或是一些我曾經介紹過的配色工具；排版的話考量到字型和字體大小、間距、行高等等，這也是我平時不斷調整及測試的部分。對內容網站來說，提供閱聽者良好閱讀體驗不僅是考驗也是需要努力的目標，試著以讀者角度想，當你在閱讀網站時，會想要得到什麼樣的感覺，這麼說好像有點抽象，你可以利用 Font Fit 來找出最合適的排版設計。
Font Fit 在你的網站上測試各種字型排版，即時預覽字體大小顏色樣式
網頁字型
Google Fonts 網站全新設計，免費下載八百種英文字型
Google Fonts 免費字型網站一直是我非常喜愛的 Google 服務，其中收錄大量開放原始碼字型專案，讓使用者透過目錄篩選的方式找到自己需要的字型資源，除了免費下載也能藉由產生程式碼將字體內嵌到網站使用，大家都知道 Google 擁有相當龐大的網路連線能力，因此網路字型不僅能讓文字樣式更多樣化，也不會對載入速度造成影響，之前 Google Fonts 已將中文思源黑體放入 Early Access 測試頁面，用以改善中文網頁的文字顯示效果。
Fontea 在 Photoshop 使用超過 700 種 Google Fonts 免費字型
一家名為 Source 公司，曾經開發多款實用 Photoshop 外掛工具，例如：CSSHat、PNGHat 和 Subtle Patterns，最近推出一款全新延伸功能「Fontea」，讓使用者輕鬆在 Photoshop 繪圖工具裡存取使用 Google Fonts 免費字型，內建篩選、搜尋及收藏功能，一鍵就能將眾多字型套用到現有設計專案，省去手動下載字型再安裝的麻煩。
Google Fonts 推出「思源黑體」中文網頁字型，改善網頁文字顯示效果
思源黑體是 Adobe 和 Google 共同開發的開放原始碼字型，發佈時就已支援繁體中文、簡體中文、日文及韓文，因此深受許多使用者喜愛（尤其中文字型在製作難度上很高，除了付費項目外幾乎沒有更多選擇），其開源特性使更多字型同好得以就細部進行調整，重新設計出更不一樣的字型，例如：思源真黑體、思源柔黑體等等。
FontCDN 更好用的 Google Fonts 網頁字型搜尋工具
對於網頁開發者來說，Google Fonts 提供了一系列相當豐富的網頁字型資源，讓我們可以免費使用數百種字體，藉此讓網頁更加美觀，提升整體易讀性。但如果經常使用 Google Fonts 的話，會發現它的網站介面其實不好操作，於是國外有使用者重新改造，推出一個便於操作的替代方案。
為網站載入 Typekit「思源黑體」中文網頁字型，提升文字顯示質感
FontReach 收錄百萬網站網頁字型使用情形，列出最熱門字型排名
百度靜態資源公共庫 CDN 服務，收錄常用 JavaScript 資源分流連結
如果你是網站開發者，一定聽過 JavaScript Framework，有許多常用的框架，例如知名的 jQuery、Prototype、AngularJS，我們都知道 Google 或 Microsoft 等公司也都有提供免費 JavaScript Libraries，來讓開發者連結，以加速網站開啟時間，改善效能，這部分我在「網頁開發者適用的免費開放式 CDNs 列表」一文有詳細整理。
FontFriend 在網頁上即時測試 Google Fonts 字體效果，網站設計必備工具！
對於網頁設計師來說，字型和排版是影響使用者視覺非常關鍵的因素，要如何選擇一個看起來舒服、適合閱讀的字體就顯得相當重要，之前介紹過一些讓你在打造網頁時可以配合使用的工具，例如 Fontface Ninja、WhatFont 一鍵查看其他網頁使用的字型名稱、大小和行高，或是透過 TypeWonder 來線上測試字型等等，如果你想直接在網頁裡套用不同的字型變化，即時看到效果，不用再辛苦手動修改 CSS，直接使用簡單的工具搞定。
Type Sample 輕鬆查詢、辨識網頁使用的字體名稱和大小（Chrome 擴充功能）
先前我曾經介紹過不少在網頁內辨識字型的工具，例如 Fontface Ninja、WhatFont Tool，這些服務對於網頁設計師來說尤其重要。如果要找出某個網頁所使用的字型，比較土法煉鋼的作法是去找網頁的 CSS 樣式檔，但不僅費時而且不容易快速得到我們所需要的資訊，這時候透過這些工具可以減少麻煩，而且也能準確找到某個網頁使用的字體名稱、大小。