Roboto
sans-serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Google Fonts 線上字型預覽器
一鍵輸入文字，即時預覽 Google Open Source Fonts 效果。支援 Noto Sans TC、Roboto 等熱門免費開源字型，可按類別篩選並動態調整字體大小。
顯示 63 / 63 個推薦 Google Open Source Fonts
Google Fonts
Open Sans
sans-serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Lato
sans-serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Montserrat
sans-serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Poppins
sans-serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Inter
sans-serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Nunito
sans-serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Nunito Sans
sans-serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Raleway
sans-serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Ubuntu
sans-serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Oswald
sans-serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Rubik
sans-serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Work Sans
sans-serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Source Sans 3
sans-serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
DM Sans
sans-serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Outfit
sans-serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Manrope
sans-serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Figtree
sans-serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Plus Jakarta Sans
sans-serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Space Grotesk
sans-serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Noto Sans TC
sans-serif · chinese-traditional
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Noto Sans SC
sans-serif · chinese-simplified
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Noto Sans JP
sans-serif · japanese
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Noto Sans KR
sans-serif · korean
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Noto Sans
sans-serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Zen Kaku Gothic New
sans-serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Noto Serif TC
serif · chinese-traditional
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Noto Serif
serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Merriweather
serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Playfair Display
serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Lora
serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
PT Serif
serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Libre Baskerville
serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
EB Garamond
serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Cormorant Garamond
serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Instrument Serif
serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Source Serif 4
serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Crimson Text
serif
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Bebas Neue
display
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Anton
display
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Righteous
display
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Pacifico
display
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Lobster
display
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Abril Fatface
display
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Alfa Slab One
display
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Bangers
display
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Fredoka
display
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Comfortaa
display
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Dancing Script
handwriting
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Caveat
handwriting
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Indie Flower
handwriting
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Shadows Into Light
handwriting
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Satisfy
handwriting
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Great Vibes
handwriting
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Sacramento
handwriting
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Roboto Mono
monospace
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Source Code Pro
monospace
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
JetBrains Mono
monospace
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Fira Code
monospace
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
IBM Plex Mono
monospace
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Space Mono
monospace
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Inconsolata
monospace
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
Courier Prime
monospace
設計師必備：The quick brown fox 快速預覽 Noto Sans TC 與 Roboto
什麼是 Google Open Source Fonts？
Google Open Source Fonts（常稱 Google Fonts）是一套由 Google 維護的開源字型目錄，收錄超過一千種可免費取得的字型家族，涵蓋 Sans Serif、Serif、Display、Handwriting、Monospace 等分類，並支援多種語系與書寫系統。設計師可用它快速比對視覺風格；前端工程師則能透過 CDN 或本地下載，把字型穩定套用到網站與產品介面。本頁的「Google Fonts 線上字型預覽器」聚焦常用中英文推薦列表，讓你輸入任意文字後即時對照渲染效果，節省在多個分頁來回切換的時間。
開源授權（OFL）可以在商用項目中使用嗎？
大多數 Google Fonts 採用 SIL Open Font License（OFL）。在遵守 OFL 條款的前提下，通常可以把字型用於商用網站、App UI、簡報、包裝與品牌設計；你可以嵌入、修改字型檔，但一般不可單獨把字型本身當成商品販售。實務上建議：在專案文件保留授權來源、確認個別字型頁面的授權標示，並避開「把字型檔重新包裝轉售」等灰色地帶。若客戶合約要求更嚴格的字型合規流程，請以 fonts.google.com 上該字型的官方授權說明為準。
如何挑選適合 UI 與中文排版的免費字型？
做介面時可先看 Sans 系列的可讀性與字重完整性，例如 Roboto、Inter、Poppins；繁體中文場景則優先測試 Noto Sans TC、Noto Serif TC，確認常見標點、數字與中英混排是否平衡。標題可用 Display 字型增加辨識度，但內文應避免過度裝飾。使用本預覽器時，建議輸入真實文案（產品名稱、CTA、錯誤訊息）並調整字級，比只看 「The quick brown fox」更能判斷落地效果。
免費字型下載與網站嵌入要注意什麼？
你可以從 Google Fonts 官方頁面下載字型檔，或使用其 CSS／字型服務嵌入網站。嵌入時請注意字重子集、 `display=swap` 與效能預算，避免一次載入過多家族導致 LCP 變慢。本工具以瀏覽器端預覽為主，不會上傳你的文案；選定字型後，請回到官方頁面取得正式引入程式碼或下載檔，以確保授權與檔案來源正確。