§ 5.1 · 5.6 · Mono · NEW in v3.3

Be Vietnam Pro (Mono)

Dùng cho SKU, mã đơn hàng, ID, timestamp, code inline. Cùng family với Heading — brand consistency & tiếng Việt tốt. Proportional — bắt buộc bật font-variant-numeric: tabular-nums cho mọi số liệu.

TC-MTL-120 · 2026-05-18 · 1,234,567đ
font-feature-settings: 'tnum' — số nào cũng cùng width
Mono scale
mono-lg
SKU-TC-MTL-120
16px · 1.5 · 500
mono ★
order #DH-2026-04823
14px · 1.5 · 400
mono-sm
2026-05-18 14:23:07
12px · 1.5 · 400
Số bảng — bật tabular-nums (quan trọng!)
Mã đơn Ngày Đơn giá Số lượng Thành tiền
DH-2026-04823 2026-05-18 65.000 11 715.000
DH-2026-04711 2026-05-17 102.000 3 306.000
DH-2026-04588 2026-05-16 45.000 28 1.260.000

↑ Tabular-nums ON: cột số thẳng hàng đẹp.

Tradeoff cần biết. Be Vietnam Pro là proportional — chữ 1 hẹp hơn 8 nếu không bật tabular. Đổi lại được tiếng Việt cực tốt + visual harmony.

Fallback sang true mono khi: code block > 5 dòng · tài liệu kỹ thuật/API · bảng số liệu rất dày. Dùng ui-monospace, 'SF Mono', monospace cho riêng <pre><code>.