編者按：Google Fonts?終于改版了！這次重設計不僅讓操作和瀏覽都更加順手，而且加入了免費字體精選和超方便的實時預覽測試功能，看到喜歡的字體可以直接下載TTF或嵌入網頁使用，趕緊來嘗嘗鮮！

Google Fonts 免費字體網站一直是我非常喜愛的 Google 服務，其中收錄大量開放原始碼字型項目，讓用戶透過目錄篩選的方式找到自己需要的字型資源，除了免費下載也能藉由產生程序代碼將字體內嵌到網站使用，大家都知道 Google 擁有相當龐大的網絡聯機能力，因此網絡字型不僅能讓文字樣式更多樣化，也不會對加載速度造成影響，之前 Google Fonts 已將中文思源黑體放入 Early Access 測試頁面，用以改善中文網頁的文字顯示效果。

不過 Google Fonts 一直以來為人詬病的是網頁動線設計不佳，甚至沒有搜尋功能，還有國外開發者將它重新改造，推出更易于使用操作的替代方案 FontCDN，但這始終不是個最佳解決方案，終于 Google 把網站砍掉重練，現在的 Google Fonts 設計煥然一新！

一打開全新 Google Fonts 網站后，映入眼簾的是維持一貫干凈簡潔 Google 設計風格，右上角內建四種配色調色盤，可隨意切換成自己喜歡的顏色組合。

首頁列出一些精選的免費字型，設計師們很熟悉的 Open Sans、Roboto、Lato 和 Oswald 等等字型組合，直接在字型上進行實時測試，包括切換大小、字符預覽或不同字重的顯示情形。

值得一提的是 Google Fonts 終于加入搜尋功能！當然你也可以就不同的字型種類（Serif、Sans Serif、Display、Handwriting、Monospace）來進行篩選，當然字型下載、嵌入功能仍然是網站的主力項目，不過現在還會以圖表顯示出該字型在不同國家地區的使用比例。

Google Fonts

開啟 Google Fonts 新網站后，直接在首頁就能測試不同的字型顯示效果，不過這些英文字型無法套用于中文上，測試時也不能使用中文（會無法正確顯示）。預覽時能調整不同字重和文字大小，相較于原本的 Google Fonts 來說確實更直覺更好用。

開啟任一個字型頁面后，會有非常完整詳盡的介紹，假如對于一個字型項目有興趣，還能找到它的設計者及背景。最重要的是每個字符的呈現效果預覽，亦能輸入文字來測試不同字重和字號顯示情形。

在字型頁面右上角點選「SELECT THIS FONT」后，再點選右下角就能開啟下載功能。

這里區分成嵌入裝置（Embed）或直接下載字型檔案（Local Font Files），Google 建議使用者透過類似 SkyFonts 之類的字型管理工具，確保計算機上擁有最新版本的字型檔案。

如果字型有多種字重，還可以依照需求單獨選取。

透過 Google Fonts 產生的 Embed Code 就能夠將網頁字型套用到自己的網站部落格。

若你選擇的字型數量太多，可能會影響到網頁加載速度（檔案太大），盡量保持 Load Time 為綠色狀態（Fast）。

上面大致介紹從 Google Fonts 取用免費字型的方法。

另一個 Google Fonts 的新設計我很喜歡，就是能測試熱門的字型搭配組合，例如在 Lato 中會提供與其他字型配對（Open Sans、Roboto、Oswald、Indie Flower），能夠測試一下把兩個不同字型分別運用在標題和內文時產生的效果。

Google Fonts 在經過大翻修后提供用戶更好的界面使用體驗！Google Fonts 目前收錄八百多種字型，雖然沒什么中文字型選擇，仍帶來非常多的設計與排版靈感，以及如何改善網頁閱讀，如果喜歡字型的話，別忘了到全新的 Google Fonts 網頁走走，保證令你大吃一驚。

值得一試的三個理由：

1. 全新 Google Fonts 設計，操作及瀏覽上更順手好用
2. 內建搜尋篩選，更快找到自己需要字型組合
3. 可下載字體檔案（.ttf）或嵌入網頁使用

「優設六月人氣最高的文章」

漸變色教程：
《超好用！簡單5步幫你做出優雅大氣的漸變色背景》
《零基礎也能學！一份全面系統的漸變色自學指南》

AI教程：《AI教程！手把手叫你繪制可愛的吃西瓜女孩》

原文地址：free.com.tw

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量130萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com