【教學】Google Fonts 網站新改版,800多種英文字型全部免費下載!(2017.04.14 更新)

google-fonts-1

「Google Fonts」免費字型網站已經推出好一段時間,目前裡面共有超過 800 種不同的「英文」字體提供設計師下載,只是…它雖然有很多不同的字型,但網站卻一點設計感也沒有,而現在 Google 終於推出網頁改版,不僅整個設計版面更漂亮舒適,使用者也更容易選擇喜歡的字型!

更新:新增下載與安裝教學

螢幕快照 2016-06-17 下午9.32.24

改版後的 Google Fonts 基本上採用白底黑字,網頁以大字型顯示各種不同文字的書寫樣貌,這樣的設計方式讓我們能輕鬆找到喜歡的字型。如果你有預先想好的字型,還能透過右側欄位各種分類、語言、筆畫粗細、草寫、斜體…等各種方式選擇

螢幕快照 2016-06-17 下午9.44.14

除了可以透過右側欄位選擇各種字型種類外,使用者也可以重新在文字欄輸入文字,再按「APPLY TO ALL」讓所有字型都呈現同一文字再做選擇。

螢幕快照 2016-06-17 下午9.52.47

任意點選一個字體後,裡面會詳細顯示字體中所有文字符號的寫法、不同字體粗細…等,也會有介紹字型設計師。

google-fonts

對於設計師和需要大量字型的使用者而言,Google Fonts 最大的優點在於它是開源計畫,也因此所有字型都能免費下載使用,也可以複製程式碼嵌入在網頁,如果你自己會設計字體的話,也可以在Google Fonts 和全球網友分享。

【字型下載與安裝】

第一步: Google Fonts 網站裡選取喜歡的字型(字體),看到喜歡的只要按一下右上方「+」鍵(新增下載字型後「+」會變成「-」),網頁下方有黑底白字顯示選擇數量。

第二步:選好所有想下載的字型後,點擊開啟網頁右下的黑色挑選數量視窗,點擊「下載」圖示。

第三步:點選「確定」儲存字型壓縮檔。

第四步:解壓縮檔案夾後,字型資料夾裡會有兩個檔案,分別是「.txt」和「.ttf」字型安裝檔。

第五步:打開控制台的「字型」資料夾(Windows 系統:控制台\外觀及個人化\字型),把下載來的「.ttf 字型安裝檔」拖曳到裡面,它會自動安裝,等安裝完成後就可以使用新字型了。

Google Fonts 連結

相關文章,請參考:

圖片及資料來源:Google Fonts

Related Posts Plugin for WordPress, Blogger...

  • 大家對網站文章上的一個讚、+1及轉分享,都是對我們的最好的鼓勵及繼續下去的原動力,請大家不要吝嗇。

標籤: ,