我在 WordCamp Taipei 活動上分享自己的網站經營心得，其中提到我對網頁的版面設計及排版相當重視，內容寫得好不好其次，更重要的是讓進入網站的訪客會想看看你究竟寫些什麼，就像美食需要擺盤陪襯，美酒需要酒瓶包裝，即使你不是那麼表面，還是不得不承認字型是一個網站需要下點功夫用心研究的元素。
Google Fonts
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 檢視器，可視化介面比較不同字型
Font Swap 在任何網頁快速更換字體，從 Google Fonts 選擇免費字型一鍵套用（Chrome 擴充功能）
有時候在瀏覽某些網站時會覺得網站使用的字型很醜、很不好閱讀，除了聯絡網站管理者調整，或使用類似 Mercury Reader 工具來開啟閱讀模式，還有其他更好的解決方法嗎？就我所知有一些瀏覽器外掛可快速更改網站字型，不過對一般使用者來說還是稍嫌困難，若有類似需求，本文要介紹一款非常好用的外掛「Font Swap」，可以快速將網站的標題、內文套用成 Google Fonts 裡任何字體。
閱讀全文 » 關於 Font Swap 在任何網頁快速更換字體，從 Google Fonts 選擇免費字型一鍵套用（Chrome 擴充功能）
Overpass Font 免費道路標誌英文字型下載，Red Hat 贊助開放原始碼
一般使用於道路標誌上的字體設計講求易讀性，或者可以這麼說，要如何在一定車速情況下不用花太多時間就能一眼辨識標示，成為該字型的設計初衷及最大挑戰。在開始介紹本文的 Overpass Font 前我查了關於 Highway Gothic 資料，因為 Overpass 網站提到這個字型的設計靈感是來自它，也就是著名的「聯邦高速公路字體」，美國、加拿大、土耳其、澳大利亞、荷蘭、中國大陸及台灣皆用於道路標誌的標準字體，不過在一些地方已經逐漸被 Clearview 取代。
閱讀全文 » 關於 Overpass Font 免費道路標誌英文字型下載，Red Hat 贊助開放原始碼
Google Noto 開源免費字型下載，完美支援 800 種語言、11 萬個字元無亂碼
早在數年前 Google 就有一項遠大計劃，想開發全世界都能通用的字型系統（大家都知道 Google 不斷在改變世界），因此從 2011 年開始內部就啟動 Noto 專案，在團隊統籌下可以在不同語系中使用相同字型設計來獲得最大和諧度。一直到 2014 年終於放出一系列的免費字型，其中大家可能目前還在使用的「Noto Sans CJK（另一名稱為思源黑體）」就屬於 Noto 字型家族，後來也在 Google Fonts 推出網頁字型，不過渲染效果和速度不如 Adobe Typekit 來得優異。
閱讀全文 » 關於 Google Noto 開源免費字型下載，完美支援 800 種語言、11 萬個字元無亂碼
Google Fonts 網站全新設計，免費下載八百種英文字型
Google Fonts 免費字型網站一直是我非常喜愛的 Google 服務，其中收錄大量開放原始碼字型專案，讓使用者透過目錄篩選的方式找到自己需要的字型資源，除了免費下載也能藉由產生程式碼將字體內嵌到網站使用，大家都知道 Google 擁有相當龐大的網路連線能力，因此網路字型不僅能讓文字樣式更多樣化，也不會對載入速度造成影響，之前 Google Fonts 已將中文思源黑體放入 Early Access 測試頁面，用以改善中文網頁的文字顯示效果。
閱讀全文 » 關於 Google Fonts 網站全新設計，免費下載八百種英文字型
Fontea 在 Photoshop 使用超過 700 種 Google Fonts 免費字型
一家名為 Source 公司，曾經開發多款實用 Photoshop 外掛工具，例如：CSSHat、PNGHat 和 Subtle Patterns，最近推出一款全新延伸功能「Fontea」，讓使用者輕鬆在 Photoshop 繪圖工具裡存取使用 Google Fonts 免費字型，內建篩選、搜尋及收藏功能，一鍵就能將眾多字型套用到現有設計專案，省去手動下載字型再安裝的麻煩。
閱讀全文 » 關於 Fontea 在 Photoshop 使用超過 700 種 Google Fonts 免費字型