我在 WordCamp Taipei 活動上分享自己的網站經營心得，其中提到我對網頁的版面設計及排版相當重視，內容寫得好不好其次，更重要的是讓進入網站的訪客會想看看你究竟寫些什麼，就像美食需要擺盤陪襯，美酒需要酒瓶包裝，即使你不是那麼表面，還是不得不承認字型是一個網站需要下點功夫用心研究的元素。
Free Web 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 檢視器，可視化介面比較不同字型
Google Fonts 網站全新設計，免費下載八百種英文字型
Google Fonts 免費字型網站一直是我非常喜愛的 Google 服務，其中收錄大量開放原始碼字型專案，讓使用者透過目錄篩選的方式找到自己需要的字型資源，除了免費下載也能藉由產生程式碼將字體內嵌到網站使用，大家都知道 Google 擁有相當龐大的網路連線能力，因此網路字型不僅能讓文字樣式更多樣化，也不會對載入速度造成影響，之前 Google Fonts 已將中文思源黑體放入 Early Access 測試頁面，用以改善中文網頁的文字顯示效果。
閱讀全文 » 關於 Google Fonts 網站全新設計，免費下載八百種英文字型
Google Fonts 推出「思源黑體」中文網頁字型，改善網頁文字顯示效果
思源黑體是 Adobe 和 Google 共同開發的開放原始碼字型，發佈時就已支援繁體中文、簡體中文、日文及韓文，因此深受許多使用者喜愛（尤其中文字型在製作難度上很高，除了付費項目外幾乎沒有更多選擇），其開源特性使更多字型同好得以就細部進行調整，重新設計出更不一樣的字型，例如：思源真黑體、思源柔黑體等等。
閱讀全文 » 關於 Google Fonts 推出「思源黑體」中文網頁字型，改善網頁文字顯示效果
FontCDN 更好用的 Google Fonts 網頁字型搜尋工具
對於網頁開發者來說，Google Fonts 提供了一系列相當豐富的網頁字型資源，讓我們可以免費使用數百種字體，藉此讓網頁更加美觀，提升整體易讀性。但如果經常使用 Google Fonts 的話，會發現它的網站介面其實不好操作，於是國外有使用者重新改造，推出一個便於操作的替代方案。
閱讀全文 » 關於 FontCDN 更好用的 Google Fonts 網頁字型搜尋工具
為網站載入 Typekit「思源黑體」中文網頁字型，提升文字顯示質感
相信大家對「思源黑體（Source Han Sans）」都不陌生，這是 Adobe 和 Google 合作，於 2014 年推出的開放原始碼免費字型，提供七種粗細設定，完整支援日文、韓文、繁體及簡體中文，有鑑於免費中文字型選擇不多，在開發上也頗具難度，一推出便受到許多人關注，修改版字型也陸續出現，例如之前介紹過的思源柔黑體、思源真黑體。
閱讀全文 » 關於 為網站載入 Typekit「思源黑體」中文網頁字型，提升文字顯示質感
Adobe 推出 Edge Web Fonts 免費網頁字型服務，Google Web Fonts 以外的另一個選擇
之前介紹過 Google Web Fonts ，是一款由 Google 提供的免費網頁字型開源目錄，運用在網頁設計與開發上能夠有更多的美麗字型，而另一款 justFont 則提供了中文的網路字型，不過現在你還有另外一個選擇，Adobe 推出了名為 Adobe Edge Web Fonts 的替代方案，它是一項免費網頁字型服務，字型部分由 Typekit 提供，可以快速將其他字型套用到網站裡使用，不但快速、穩定，而且免費。
閱讀全文 » 關於 Adobe 推出 Edge Web Fonts 免費網頁字型服務，Google Web Fonts 以外的另一個選擇