Vietnamese Fonts for Web & Product UI
Editor picks for Vietnam-market sites, apps, and Vietnamese/English bilingual products—with full diacritic guidance and open-license downloads. · 1,426 フォント
文字セット・商用利用ライセンス基準
Vietnamese オープンソースフォント概要・推奨選定
FontHubs catalogs 1,426 open-source fonts with full Vietnamese diacritics support. With complex stacked tone marks, top recommendations feature Be Vietnam Pro (the premier native-engineered standard), Montserrat, and Roboto.
🔥 Vietnamese 推奨オープンソースフォント一覧
スタイル・ウェイト・ライセンス・文字セット実測カバレッジ
| フォントファミリー | カテゴリ | ライセンス | ウェイト数 | 文字カバレッジ | 推奨用途 | 詳細 |
|---|---|---|---|---|---|---|
| Be Vietnam Pro | Native Neo-Grotesque | SIL OFL 1.1 | 9 | ✓ 100% | Gold standard for native Vietnamese UX & fintech | 無料DL |
| Inter | Interface Sans | SIL OFL 1.1 | 9 | ✓ 100% | SaaS dashboards, enterprise UI & screen legibility | 無料DL |
| Roboto | Neo-Grotesque | Apache-2.0 | 6 | ✓ 100% | Cross-platform mobile apps & system typography | 無料DL |
| Montserrat | Geometric Display | SIL OFL 1.1 | 9 | ✓ 100% | Marketing landing pages & prominent headlines | 無料DL |
Mobile App & UI
Be Vietnam Pro features crafted diacritic clearance for tight UI spaces.
Branding & Campaigns
Montserrat delivers punchy geometric distinction with robust tone marks.
Editorial & Long-form
Lora and Merriweather provide gentle serif rhythm for reading.
Vietnamese タイポグラフィ・組版の推奨ポイント
Stacked Diacritics & Collision Prevention
Stacked diacritics (like ế, ắ) often collide in generic fonts. Always select fonts with explicit Vietnamese metric tuning.
Authentic Horn (Ơ, Ư) & Hook Above Shapes
Horns on Ơ/Ư and hooks above require natural stroke continuity.
Rigorous validation against all 134 specialized Vietnamese accented characters. (最終確認：2026年10月)
❓ Vietnamese よくある質問（FAQ）
Why do generic fonts fail with Vietnamese text?
Basic Latin fonts only support Latin-1, lacking the 134 compound glyphs required for Vietnamese.
カバレッジで絞り込み
すべて見るRecently Added
Vietnamese font selection guide
Latin fonts that render ă, â, đ, ê, ô, ơ, ư and tone marks correctly
選び方
- UI body: Be Vietnam Pro or Noto Sans (Vietnamese subset)—check tone marks at Regular and Medium
- Display/titles: pair a clear Vietnamese-capable sans with restrained Latin chrome (Inter/Roboto) for bilingual UI
- Always preview stacked diacritics at 14–16px on mobile before shipping
- Prefer open licenses (OFL/Apache) listed on each FontHubs detail page before embedding
技術
- Never subset Vietnamese without testing đ, ơ, ư, and combined tone marks
- Use generous line-height (1.7+) because stacked diacritics increase vertical metrics
- Set lang="vi" for better hyphenation and accessibility where supported
- Self-host WOFF2 for faster loads on Vietnam mobile networks; keep only weights you ship
FAQ
Why do Vietnamese diacritics break on some fonts? ▼
Incomplete Latin Extended coverage or aggressive subsetting drops precomposed Vietnamese glyphs. Use fonts explicitly supporting Vietnamese (or full Latin Extended) and verify on the detail page.
Which Vietnamese fonts on FontHubs are good defaults? ▼
Start with Be Vietnam Pro for local brand feel and Noto Sans for neutral UI. Open each detail page to confirm weights, formats, and license.
Are these Vietnamese fonts free for commercial use? ▼
Most curated options here use OFL or Apache-style open licenses, but terms differ. Always read the license section on the font detail page before commercial shipping.
How is this page different from /fonts?language=vi? ▼
This hub is an editorial Vietnamese fonts guide with diacritic tips and recommended picks. /fonts?language=vi is the full filtered library list.
Need to identify a Vietnamese font from a screenshot? ▼
Use the free FontHubs font identifier, then return here to browse Vietnamese-capable alternatives if the top match is only a lookalike.