Google Fonts 網頁設計師必用

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

第一步：進入Google Fonts網站，點選想用的字型，並可依需求選擇想要的 ... 首頁 文章專區 網頁設計相關文章 GoogleFonts網頁設計師必用 文章專區 網頁設計相關文章 文章專區MENU 最新文章訊息 網頁設計相關文章 SEO與搜尋行銷相關 網頁程式技術探討 GoogleFonts網頁設計師必用 在以往的網頁設計過程中，字型的選擇並不多，即便設計師選擇了特定的字體，若使用者沒有安裝，仍然無法順利觀看。

若在必須使用更美觀的字體的情況下，就得製成圖片，但這不僅會造成檔案變大，對於SEO的搜尋更是不利。

而WebFonts的出現便替廣大網頁設計師解決這個問題，不必再擔心因使用者沒有安裝該字體而導致與預期不一的效果。

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

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

    第二步：點選右上角「selectthisfont」   第三步：會滑出新視窗，複製原始碼及CSS即可，也可下載至個人電腦。

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

https://fonts.google.com/earlyaccess 進入網站後按ctrl+F搜尋「ChineseTraditional」即可找到這些字體。

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

更多文章 客製化網站和套版網站的差別-一化網頁設計 客製化網頁設計的優點-一化網頁設計 穿透的Div－CSS的pointer-events屬性 瀏覽器支援度檢測－CSS@support的用法 不用再清除float浮動了！CSS的display:flow-root屬性 網頁設計使用CSS排版對SEO的影響 什麼是RWD(響應式網頁設計、回應式網頁設計)? 回列表頁 Close 關於一化 作品展示 專案側寫 網路行銷 線上問答 文章專區 聯絡我們