字体混搭 · 5 种方案

大字全部锁定 思源宋体(Noto Serif SC),其余层级换搭配。
每套展示 5 个层级:大标题 / 正文 / 数字 / 标签 / 按钮,看得见差异。
大字 固定:思源宋体 900/200 可变:正文 · 数字 · 标签 · 按钮
1经典金融三分 高盛 / 摩根式
大字 Noto Serif SC 900 正文 Noto Sans SC 400 数字 Roboto Mono 标签 Noto Sans SC 600 按钮 Noto Sans SC 800
One Instrument · Zero Leverage

黄金,只做这一件事。

全站只有一个品种 —— 伦敦现货黄金。不碰原油、不碰指数、不加杠杆。看对方向拿走赔付,看错就是本金。

3,997.890 +12.34 (+0.31%) PAYOUT 68–90%
2编辑风 路透 / 金融时报式
大字 Noto Serif SC 900 正文 系统默认(苹方/雅黑) 数字 Noto Serif SC 700 标签 Noto Sans SC 600 按钮 Noto Sans SC 800
One Instrument · Zero Leverage

黄金,只做这一件事。

全站只有一个品种 —— 伦敦现货黄金。不碰原油、不碰指数、不加杠杆。看对方向拿走赔付,看错就是本金。

3,997.890 +12.34 (+0.31%) PAYOUT 68–90%
3终端风 Bloomberg Terminal 式
大字 Noto Serif SC 900 正文 Noto Sans SC 400 数字 JetBrains Mono 标签 JetBrains Mono 按钮 JetBrains Mono
ONE INSTRUMENT · ZERO LEVERAGE

黄金,只做这一件事。

全站只有一个品种 —— 伦敦现货黄金。不碰原油、不碰指数、不加杠杆。看对方向拿走赔付,看错就是本金。

3,997.890 +12.34 (+0.31%) PAYOUT 68–90%
4极简轻重 瑞银 / 私人银行式
大字 Noto Serif SC 900/200 正文 Noto Sans SC 300 轻 数字 Inter 800 tnum 标签 Noto Sans SC 700 大字距 按钮 Noto Sans SC 900
One Instrument · Zero Leverage

黄金,只做这一件事。

全站只有一个品种 —— 伦敦现货黄金。不碰原油、不碰指数、不加杠杆。看对方向拿走赔付,看错就是本金。

3,997.890 +12.34 (+0.31%) PAYOUT 68–90%
5中英分工 Apple / Stripe 式
中文大字 Noto Serif SC 900 正文 Noto Sans SC 400 数字 Inter 800 tnum 英文标签 Inter 600 按钮 Inter 800
One Instrument · Zero Leverage

黄金,只做这一件事。

全站只有一个品种 —— 伦敦现货黄金。不碰原油、不碰指数、不加杠杆。看对方向拿走赔付,看错就是本金。

3,997.890 +12.34 (+0.31%) PAYOUT 68–90%
核心逻辑
大字用衬线,是为了"重"和"贵";小字用无衬线或等宽,是为了"清楚"。这是金融网站的标准分工。

① 经典金融三分 最稳妥。数字用等宽(Roboto Mono),价格跳动时不会左右抖 —— 这是交易产品刚需。
② 编辑风 数字也用宋体,像报纸上的行情表,有老派气质。但宋体数字在小字号下会偏虚。
③ 终端风 标签和按钮都用 JetBrains Mono,最像 Bloomberg 终端。硬核但科技感偏重。
④ 极简轻重 正文用 300 轻无衬线,数字用 Inter 等宽数字(tnum),标签用 700 大字距 —— 这是瑞银的调子。
⑤ 中英分工 中文大字宋体(有味道),英文和数字全用 Inter(干净现代)。最适合做多语言站点。

三个技术细节
· font-feature-settings:"tnum" 让数字等宽,价格跳动时不会左右跳
· 思源宋体的 200 字重是"只做"两个字能变这么细的关键
· 等宽字体在中文字体缺失时会退回系统等宽,所以等宽只用在数字和英文标签上
字体加载中…