揀 en-US 主字體:四隻字型,同場實測

呢頁唔係睇字型海報,係將 uutrip 地圖 + 百科嘅真實版面——標題、LRT 班表數字、酒店票價、英文長文引文、12–14px 細標籤、葡文字元、中英混排——原封不動咁用四隻候選字型各行一次。邊隻對唔齊數字、邊隻冇真斜體、邊隻細字糊,一眼見到。撳上面嘅控制可以成頁切去單一字型預覽,或者返嚟並排對照。

目標堆疊(只影響 en-US,之後 pt-PT 照用)

--font-body / --font-heading: '<所選主字體>', 'GenSenRounded2 TW', system-ui, sans-serif

英文行主字體,撞到中文地名先跌落 GenSen Rounded。本頁 demo 環境冇 GenSen 字檔,中文以 Noto Sans TC 代演個 fallback 位置,實際落地會係 GenSen。

並排模式:四隻字型用完全相同嘅文案同版面,逐格對照。熄咗 tabular figures 可以睇到班表數字點樣即刻走位。

判讀重點(睇 demo 時對住嚟睇)

1. 班表對齊:四隻入面 Jakarta 同 Inter 有 tabular figures,時間同票價成欄企直;熄咗個 toggle 就知冇 tnum 嘅版面會點走位。Nunito 數字偏圓偏闊,密集班表最蝕。

2. 斜體係硬門檻:百科英文長文有引文同書名要斜體。Manrope 冇真 italic,下面佢嗰格嘅斜體係瀏覽器將直體硬拗斜嘅假斜體(faux italic)——字形冇換、筆畫會歪,長文一多就穿崩。其餘三隻都係真 italic 字形。

3. 同 GenSen 嘅氣質距離:Nunito 最近(同樣圓頭),Jakarta 次之(幾何圓角、偏暖),Inter 最遠(中性偏冷)。但氣質唔係唯一標準——細標籤同數字嘅銳利度要去到地圖嗰種密度先見真章,睇「細字 UI」同「班表」兩格。

現行建議(沿用盤點結論):Plus Jakarta Sans 做 en-US 單一主字體(heading + body 共用)——唯一同時有真 italic、tabular figures、200–800 對得返 GenSen 嘅 R/M/B 映射,又一早寫咗入百科 heading 候選同地圖 aesthetic 文件。揀定之後,zh-TW/zh-CN 堆疊嘅拉丁 fallback 再統一繼承同一隻。

'Plus Jakarta Sans', 'GenSenRounded2 TW', system-ui, sans-serif