Google Fonts 網頁設計師必用

在以往的網頁設計過程中，字型的選擇並不多，即便設計師選擇了特定的字體，若使用者沒有安裝，仍然無法順利觀看。若在必須使用更美觀的字體的情況下，就得製成圖片，但這不僅會造成檔案變大，對於SEO的搜尋更是不利。而Web Fonts的出現便替廣大網頁設計師解決這個問題，不必再擔心因使用者沒有安裝該字體而導致與預期不一的效果。

以英文的Web Fonts來說，最有名絕對非Google Fonts莫屬，Google Fonts是一套開放且免費的資源網站。

第一步：進入Google Fonts網站，點選想用的字型，並可依需求選擇想要的字型樣式、大小變化等。

第二步：點選右上角「select this font」

第三步：會滑出新視窗，複製原始碼及CSS即可，也可下載至個人電腦。

另外，Google Fonts也提供中文字體，目前有五款可選擇：圓體、楷體、仿宋體、黑體、明體。

https://fonts.google.com/earlyaccess

進入網站後按ctrl+F搜尋「Chinese Traditional」即可找到這些字體。

Google Fonts目前已擁有809種字型，提供線上預覽讓您即時瀏覽任何想輸入的文字，並可自由選擇字體大小與粗斜體等變化的預覽效果，也可下載於私人電腦觀看，這讓網頁設計師能不再侷限於系統內建字型，使用者也不必再安裝該字型檔案，便可享受最原始的設計，所以瞭解Google fonts的使用，對網頁設計師來說絕對是一絕佳利器。