任務路徑 / 從輸入到結果
如何找到合適的 Google Fonts 搭配
- 01
按用途篩選
把「用途」設為「編輯排版」「產品」「品牌」「作品集」或「資料」，也可以保持「全部用途」。清單收錄的是十組精選搭配，而非窮盡式目錄；計數器會顯示目前篩選命中幾組，讓你始終知道自己是在十個候選還是兩個候選中做選擇。
- 02
按風格收窄
再加上「風格」篩選——「現代」「經典」「表現派」「技術感」或「溫暖」——讓清單更短。若組合沒有命中，會如實提示並建議放寬任一篩選，總好過對著空白網格發呆；每組搭配都帶有多個用途與風格標籤，放寬任一維度通常就能找回幾個候選。
- 03
查看搭配詳情
點擊卡片打開字樣頁：標題與正文字體名稱、用本機回退字型渲染的預覽，以及說明這兩款字體為何合拍的一小段理由。用回退字型渲染是刻意的——頁面絕不會在你不知情時載入字型檔；提示中也寫明，想看真實字形，連結就在一步之外。
- 04
帶走字體令牌
點擊「複製 CSS」取得現成的自訂屬性，點擊「複製 @import」取得可選的 Google Fonts 載入語句，或點擊「下載 JSON」匯出完整結果，儲存為 toolars-font-pair.json。「打開標題字體字樣」和「打開正文字體字樣」連結才會打開 Google Fonts 上的真實字形——且只在你主動點擊時，絕不自動。