首頁 部落格 新版Google Fonts,多種字體免費使用
Karen
Jul 14, 2017
iware的前端設計,喜歡音樂,喜歡閱讀,喜歡悠閒地下午配著音樂來本書

新版Google Fonts,多種字體免費使用

google-font.jpg

網頁設計師在設計網站時,常常會使用不同的字體來讓網頁的形象更豐富,不會一成不變使用死板板的相同字型,不但沒有特色對於網頁設計整體感覺也不好看。但是通常不同的字型都會需要製作成圖片,而過多的圖片檔案會導致網頁的載入速度變得非常慢,而且搜尋引擎也無法辨識圖檔,這時就有了WebFont的產生,讓設計師能夠直接使用線上的字體。

 

而這其中最多人使用,也最有名的就是Google提供的Google Fonts,而最近Google Fonts進行了一次改版,從原先不便利的使用畫面,變成更簡潔漂亮且直覺化的畫面。

 

圖1. 舊版的Google Fonts


圖2.新改版Google Fonts

兩相比較,新版是不是好看很多呢?

再來介紹使用方式,首先由於他是英文的,但稍微操作一下就可得知效果

 

圖3. Google翻譯是我們的好朋友

 

圖4. 在文字框內輸入想要的文字,點選APPLY TO ALL就可將全部字型換成相同文字,而點選SEE SPECINEN 則是看這個字體的更詳細介紹

 

圖5. 點選 + 號按鈕,點選完會更第一個字型依樣變成 - 號按鈕,右下角會出現選擇的字型

 

圖6. 點選黑色區塊,會跳出剛剛所選字體資訊,下方是直接嵌入網頁,也可以自己想要的格式。上方可以預覽分享或是馬上下載。

 

這樣是不是很簡單,缺憾就是目前這個頁面還沒有中文字型的提供,只有英文的。如果有用到英文字體的馬上試用看看,如果不知道怎麼使用的話,可以告知設計網站的設計師,請他幫忙更換,讓你的網站更有屬於自己的特色。


新版Google Fonts https://fonts.google.com/
 

轉載請註明出處或鏈接

 
文章標籤
雲端字型 google fonts
超好玩nVidia AI樂園,美圖、P圖、去背全自動完成
超好玩nVidia AI樂園,美圖、P圖、去背全自動完成
Free Resource
Free Resource
Apr 08, 2019
Google協作平台製作網站的優缺點分析
Google協作平台製作網站的優缺點分析
Free Resource
Free Resource
May 07, 2019
淺談無障礙網頁設計2.0
淺談無障礙網頁設計2.0
Ryan
Ryan
Jan 11, 2019