字体混搭 · 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 字重是"只做"两个字能变这么细的关键
· 等宽字体在中文字体缺失时会退回系统等宽,所以等宽只用在数字和英文标签上
字体加载中…