即時切換
按空白鍵即可在精選字體組合之間切換，並在想保留某個搭配中的部分項目時鎖定單一位置。
概覽
tttypes 是一款專注於 Google Fonts 組合的免費字體搭配產生器。它幫助設計師快速探索字體搭配，在真實情境中預覽，並將結果匯出為可直接投入製作的格式。
首頁將這項產品定位為能在幾秒內發現並精煉排版選擇的工具。使用者可以在精選搭配之間隨機切換、鎖定想保留的字體，並在切換到程式碼或嵌入輸出之前，先比較網站、App 與印刷風格版面的組合。
功能
情境式預覽
在網站、行動 App、名片、履歷與其他情境的真實版面中預覽字體選擇，再進行匯出。
可直接匯出的輸出
複製 CSS 變數、下載 Google Fonts 連結，或匯出嵌入程式碼，將探索結果轉為實作。
精選資料庫與自訂產生
瀏覽精選搭配資料庫，或即時產生你自己的組合，以縮小最終方向。
AI 輔助的搭配分析
網站表示其搭配引擎會分析 15 項指標的 10,000+ 組合，包括視覺粗細、x-height 與字尾樣式。
使用情境
排版探索
為新的視覺方向探索字體搭配，接著鎖定有潛力的選擇，並持續切換其餘組合，直到整體看起來平衡。
設計系統檢視
在交付給開發前，先查看標題與內文的字體在網站、App 或其他 UI 版面中的呈現效果。
印刷與個人品牌
為履歷、名片或類似版面準備一組在緊湊且真實情境中仍清晰可讀的搭配。
實作交付
在你確定搭配後，透過匯出 CSS 變數、Google Fonts 連結或嵌入程式碼，從想法走向實作。
Pros and Cons
Pros
- 依網站文案所述，為免費使用。
- 隨機切換、鎖定、預覽與匯出整合在同一個工作流程中。
- 情境式預覽會在實際設計情境中顯示字體，方便在實作前確認。
- 匯出選項包括 CSS 變數、Google Fonts 連結與嵌入程式碼。
- 這個產生器以精選搭配資料庫為基礎，而不是從空白開始挑選。
Cons
- 來源沒有說明協作、團隊工作流程或共享資料庫。
- 這項產品似乎以 Google Fonts 搭配為核心，因此對需要非 Google 字型來源的專案可能較不適合。
FAQ
tttypes 是免費使用的嗎？
不。網站將自己描述為免費的字體搭配產生器，而其範例與產生器都圍繞著 Google Fonts 組合。
我可以從 tttypes 匯出什麼？
來源顯示你可以在精選搭配之間切換、鎖定位置、在情境中預覽，並匯出 CSS 變數、Google Fonts 連結或嵌入程式碼。
tttypes 支援哪些預覽類型？
這個產生器支援網站、行動 App、名片、履歷，以及類似設計情境的情境式預覽。
tttypes 支援團隊或協作嗎？
來源沒有提到協作功能、團隊帳號或共享工作區，因此不應假設具備這些能力。
Quick Facts
- 類別
- 設計工具
- 主要用途
- 字體搭配與排版探索
- 字型來源
- Google Fonts 組合
- 平台
- 網頁應用
- 價格
- 免費
- 網域
- tttypes.com
tttypes 替代品
PixelDrive
PixelDrive 是一款批次圖片生成 API，可透過瀏覽器編輯器、REST API、CSV 批次或 MCP，從單一模板快速產生大量一致的品牌圖片，採用用量計費並支援快取渲染。
Napkin AI
Napkin AI 將文字轉成可編輯視覺圖，適用於簡報、文件與可分享內容；支援以文字優先生成，並可協作後匯出為 PPT、PNG、SVG 或 PDF。
Refero MCP
Refero MCP 連接相容 MCP 的 AI agent 與 Refero 精選的網頁與 iOS 產品介面、使用流程庫，協助在生成 UI 前先研究真實設計模式；此功能包含於 Refero Pro 方案。
Frames
Frames 讓你快速製作發佈海報與社群行銷圖，提供高級裝置框與模板（Instagram、Twitter、Product Hunt），可免費開始。
GPTIMG2 AI
GPTIMG2 AI 是一款基於 OpenAI GPT Image 2 模型的網頁式圖片生成工具，支援提示詞生成、參考圖編輯、可讀文字與更高解析度輸出，適合產品視覺、海報、UI 模擬稿與廣告素材。
TapNow
TapNow 是專為企業、創作者與團隊打造的網頁版 AI 視覺創作平台，支援圖片與影片生成，並提供編輯、規劃與協作工具。