設計達人/字型與排版
Variable Font 可變字體完全攻略：用一個字型檔搞定所有網頁排版需求
可變字體（Variable Font）讓你用一個字型檔就能調出數百種字重、字寬變化，大幅降低網頁載入時間。這篇教學帶你從零學會 CSS font-variation-settings，打造流暢又高效的排版體驗。
陳思涵7 分鐘閱讀
字型與排版
設計達人/字型與排版
字型配對排版黃金法則：10 組免費商用字體搭配與實戰排版技巧
字型配對是設計師必備的核心技能，但很多人只靠直覺在選字。本文整理出 10 組經過驗證的免費商用字體搭配方案，加上排版黃金法則，讓你的設計立刻升級。
陳思涵10 分鐘閱讀
設計達人/字型與排版
排版設計入門：留白、對齊與層次原則完全指南
掌握排版設計的五大核心原則——留白、對齊、視覺層次、網格系統與字體搭配，讓你的設計作品從入門到專業，建立清晰易讀又具美感的視覺版面。
陳思涵2026年3月17日
設計達人/字型與排版
2026 免費商用字體推薦：設計師必收藏的完整清單
精選 12 款 2026 年可免費商用的中英文字體，涵蓋標題字、內文字、手寫與像素風格，附上授權說明、搭配建議與可靠下載來源。
林子揚2026年3月17日5 分鐘閱讀