Google Fonts Knowledge

關於 Google Fonts Knowledge

Google Fonts Knowledge 是 Google Fonts 團隊與各地字體專家合作編寫的字體知識庫，依入門、選字、用字、閱讀性與字體歷史等主題整理原創指南。內容同時面向設計師與開發者，從字母結構、字重和標點，到字體搭配與網頁使用方式，提供可依主題查閱的學習路徑。

網站另設中日韓文字、韓文字母及加拿大原住民音節文字專區，讓閱讀者比較不同書寫系統的排印需求。變數字體章節涵蓋設計應用與網頁實作，術語表則解釋字重軸、光學尺寸與字面高度等概念，可在選字或排版時對照閱讀。

功能特色

主要功能

• 字體入門：介紹字母結構、分類、標點、字重樣式、數字、替代字形及字體製作。
• 選字與搭配：提供選字檢查、情緒、可靠度、字寬、光學尺寸及多種字體搭配方法。
• 字體運用：涵蓋行高、行長、字距、語言支援、字體安裝管理與網頁字體使用。
• 變數字體實作：討論變數字體的空間最佳化、互動動畫、載入效率與網頁樣式設定。
• 拉丁字體歷史：介紹字體與排印技術演變，從金屬活字延伸至數位排印。
• 中日韓排印：比較中文、日文與韓文字體分類及各種書寫系統的排印規則。
• 閱讀性與無障礙：解釋字體如何影響閱讀，並提供排印無障礙的入門內容。
• 韓文字母設計：從韓文字母的學習性、字形細節與閱讀需求探討設計。
• 加拿大原住民音節文字：整理不同語言社群的音節文字排印原則與需求。
• 擴增與虛擬實境排印：探討空間字體的選字、分類、技術限制與設計實務。
• 術語查詢：以條目解釋字重軸、光學尺寸、字面高度、對比與排印單位。
• 電子書下載：提供 Erik Spiekermann 的字體學習書可攜式文件下載，並標示對應授權。

使用情境

• 規劃品牌或文章頁選字時，依選字檢查與搭配文章整理判斷依據。
• 學習中英混排或變數字體時，對照相關模組與術語表釐清概念。

相似工具

• Adobe Color — 學習網站
• Adobe Learn — After Effects — 學習網站
• Apple Human Interface Guidelines — 學習網站
• Baymard Institute UX Knowledge Hub — 學習網站
• BP&O — 學習網站
• Brand New — 學習網站
• Butterick’s Practical Typography — 學習網站
• Color（Method of Action） — 學習網站
• DesignSystems.com — 學習網站
• Figma Learn — 學習網站
• Fonts In Use — 學習網站
• GoodUI — 學習網站

加入創作邦會員

收藏實用內容、下載免費模板，訂閱電子報。

精選工具

• Comet — Comet 是 Perplexity 的 AI 瀏覽器，整合搜尋與助理功能，可協助閱讀、比較網頁內容、準備郵件草稿與整理學習計畫。
• Lovable — Lovable 可透過對話介面建立軟體產品，協助把想法製作為網頁應用程式。
• Pexels — Pexels 是照片與影片素材資源平臺。
• DOTOWN — DOTOWN 提供像素插畫下載，官方標示可商用，可用於圖示、文件與其他創作。

新工具

• justfont blog — 分享中文字體基礎、字型排版應用與字體設計入門的繁中文章及教案。
• LottieFiles Tips and Tutorials — LottieFiles 官方教學文章，分享設計系統、狀態機、介面動畫與 Lottie 流程。
• Adobe Learn — After Effects — Adobe 官方 After Effects 教學，涵蓋文字動畫、視覺效果與動態模糊。
• Pentagram Work — Pentagram 官方作品集，分享品牌識別、策略、包裝與動態等專案案例。