字體組合器
把字體疊成一組 font-family，看看中英夾雜的段落如何呈現。瀏覽器會逐字取用清單中「第一個含有該字符」的字體——所以排列順序會直接影響英數與中文的字形。
字重
即時預覽
設計 Design 是一段旅程 Journey，字體 Typography 讓文字有了 0123 個性與溫度。
排序對照
同一段文字、兩種排列順序，看看差異。
目前順序
反轉順序
產生的 CSS
排序為什麼有差？
- 瀏覽器渲染每個字符時，會從 font-family 清單「由左到右」找第一個含有該字符的字體來用。
- 中文字體通常也內建拉丁字形，但多半不如專業拉丁字體精緻。因此中英混排常見的作法是「拉丁字體在前、中文字體在後」：英數用漂亮的拉丁字形，中文自動 fallback 到中文字體。
- 若把中文字體放在最前面，英數就會用到中文字體的拉丁字形（通常較呆板，且可能是全形寬度），呈現差異明顯。
- 記得在最後補上通用 fallback（如 sans-serif），確保任何環境都有字可用。