大家好，在之前的設計資源分享文，我們跟大家介紹了新開放下載使用的思源宋體，以及「Google Noto Fonts」這個可免費下載字體的網站。
(想複習上次文章的同學，請至 : http://www.flycan.com/article/good-design/google-noto-fonts-cjk-2303.html )
今天想要跟大家再進一步介紹的網站，是不僅可以下載字體到自己電腦裏頭使用，另外，還可以透過 CSS 語法功能，立即套用到網頁上的雲端字體庫 – 「Google Fonts」。
【Google Fonts 免費雲端字庫】
首先，請大家直接進入 「Google Fonts」的網站~
點進首頁之後，所有的字體都可以一覽無遺。
如果覺得一一瀏覽字體太費時間的話，請找到網頁右上角的放大鏡圖示：
點下放大鏡圖示後，會自動滑出選單；
【搜尋 / 設定挑選字體】
假如已經知道要找的是甚麼字體，可以利用最上方的搜尋功能，直接輸入字體名稱來做查找。
同時，在選單中也有各種設定，可以讓大家自由調整，幫助挑選出自己想要或適合使用的字體喔。
假如，想換個背景色來觀看字體效果，也可以點一下放大鏡旁邊的油漆桶，即可將網頁置換成其他3種底色~
例如，點選黑色作為背景色之後，字體也會由預設的黑色自動轉換成白色喔~
【字體細部調整與預覽】
透過上述的操作，不曉得大家是否已經決定好要用哪一個字體了呢？！
小編選擇的是” Paytone One “這個字體，來做示範。
接下來，我們還可以針對這個字體作更細部的調整與預覽 :
當大家透過細節調整以及預覽後，更確定了要使用這個字體後，可將尺寸設在自己想要的大小(px)，然後請按下圖示中的「加號」。
【下載字體與套用字體至網頁】
這時，網頁會跳出對話方塊，點擊右上角即可直接下載該字體到個人電腦中；
至於中間主要有兩段的語法內容，就是提供給需要將字體直接套用到自己網頁時使用的囉。
如果已經熟悉 CSS 語法的同學，做到這個步驟，應該已經迫不及待的要試試看，將這個雲端字體的語法套用到自己的網頁了吧~
【 Google Fonts: Early Access 免費雲端中文字體】
但是，不曉得大家有沒有發現，「 Google Fonts 」的網站上面完全沒有看到中文相關的字體，連語言清單中，也缺少中、日、韓文的選項；
那麼假如是中文網頁的話，有沒有可免費套用的雲端中文字體呢？…答案是「有的」喔！
在這邊，小編就要介紹另外一個網址給大家 : 「 Google Fonts: Early Access 」。
這個網頁中的字體，都是 「Google Fonts 」的早鳥測試版本，
雖然是測試版，但仔細找一下，之前的分享文中，有跟大家提過的「思源黑體」，在這裏也找得到喔！而且也同時提供了載點可下載到電腦中~真是太貼心了！
至於最新的「思源宋體」，很可惜目前尚未提供可套用之網頁語法，不過，跟大家報個好康，在「 Google Fonts: Early Access 」網頁上，還有其他版本的繁體中文免費雲端字體 :「cwTeXHei (Chinese-traditional)」，這個字體又可再細分為以下5種：
- 「楷體」
- 「圓體」
- 「仿宋體」
- 「明體」
- 「黑體」
下載之餘，
真是要由衷感謝這些優秀的字體開發人員啊~ (雙掌合十)
今天的「 Google Fonts 」免費雲端字庫-導覽篇，到這邊告一段落，
即將到來的端午連假期間，大家可以抽空慢慢摸索、發掘其他沒有介紹到的字體~
先預告一下，在下次的分享文中，我們會設計一個小範例，教大家如何將這些雲端字體，套用到自己的網頁中喔。
希望大家都能收獲滿滿，過一個愉快的端午佳節！ ^_^
當您對本文有任何問題或指教，歡迎到我們的【網頁設計交流討論區】一起交流討論喔！