字型搭配推薦
內建中英文字型組合推薦庫，依襯線/無襯線/手寫/等寬分類瀏覽並複製字型堆疊。
使用說明
📖 工具介紹
字型搭配推薦是一款幫助網頁與文件設計師快速選定標題與內文字型組合的線上參考庫。選字型最讓人頭疼的不是單個字型好不好看，而是標題用一套、內文用另一套時怎麼搭配才協調。本工具把十組經過推敲的中英文字型組合依風格分成襯線、無襯線、手寫、等寬四大類，每組都用真實的標題大字與一段中英混排內文現場渲染，讓您直接看到搭配效果，而不是只看到字型名稱。每張卡片下方還給出標題字型堆疊與內文字型堆疊兩段 CSS font-family 敘述，全部採用系統字型優先降級的寫法，不依賴任何外部網路字型，離線打開也能正常顯示，點任一列即可複製。頂部提供分類標籤，點擊即可依風格篩選；襯線組適合長文與雜誌，無襯線組適合產品介面，手寫組適合文藝與裝飾，等寬組適合代碼與技術文件。所有字型堆疊都考慮了 Windows、macOS 與行動裝置的常見中文字型回落，複製即可用。
✨ 功能特點
- 四大分類：襯線、無襯線、手寫、等寬，一鍵篩選瀏覽
- 真實預覽：每組用標題大字與中英內文現場渲染，所見即所得
- 系統字型堆疊：全部使用本機系統字型，離線可用，不必網路載入
- 中英兼顧：每組都給出中英文字型回落順序，跨平台一致
- 一鍵複製：點 font-family 敘述即複製，貼到 CSS 即可
- 場景標註：每張卡片標註適用場景，選得更有針對性
📝 使用方式
- 點頂部分類標籤，先依風格縮小選擇範圍
- 瀏覽卡片，閱讀標題與內文的實際搭配效果
- 留意卡片上標註的適用場景，匹配您的專案類型
- 點卡片下方的 font-family 敘述，複製標題或內文字型堆疊
- 把字型堆疊貼到您專案的 CSS 中即可使用
⚠️ 注意事項
- 系統字型：預覽效果取決於本機已安裝字型，不同裝置顯示略有差異
- 降級順序：字型堆疊由左到右依序回落，確保找不到時仍有兜底字型
- 中文覆蓋：每組字型堆疊都內建中文常用字型回落，避免中文退回預設字型
- 離線可用：不載入任何外部網路字型，打開即用
- 僅供參考：推薦組合為通用參考，正式商用請確認字型授權