可讀性優先的字體配對
決策順序
先確認繁中字符覆蓋、螢幕閱讀尺寸、數字與表格可讀性,再考慮品牌個性。標題與正文最多使用兩個家族;字重只保留實際用到的值。
交付格式
:root {
--font-display: 'Noto Sans TC', system-ui, sans-serif;
--font-body: 'Noto Sans TC', system-ui, sans-serif;
--text-body: 1rem/1.75;
--text-heading: 700;
}
附上字體來源、授權、字重用途、fallback 和慢網路截圖。不要把遠端 @import 當成唯一載入方案。
驗收
檢查標題換行、數字對齊、字體替換造成的版面位移,以及關閉遠端字體時的可讀性。