Free Vietnamese fonts from Google for design & web

Update: July 2026

List of free Vietnamese fonts (Google Fonts) for web design, UI, slides, and documents. This article summarizes fonts that support Vietnamese diacritics, suggests use cases, and provides a quick way to embed them — without attaching cracked files or rehosting them illegally.

Compiled on XuanHieu.org by Phạm Xuân Hiếu. Related topics: Digital resources, Vietnamese-Chinese transliteration table.

Criteria for selecting Vietnamese fonts

• Have enough diacritics (sắc, huyền, hỏi, ngã, nặng) and special characters (ă, â, ê, ô, ơ, ư, đ).
• Render clearly on screens (UI) or have enough ink for printing (documents/PDF).
• Have an open license (SIL OFL / Apache) via Google Fonts — check again before using for large commercial purposes.
• Do not download “full crack” fonts from unknown forums.

Sans-serif fonts (web/UI) that should be used

Font	Style	Suggested use	Google Fonts
Be Vietnam Pro	Modern, multi-weight	Landing, blog, UI app	Open font
Nunito Sans	Soft, friendly	Long body text, FAQ	Open font
Roboto	Neutral Material	Dashboard, form	Open font
Open Sans	Easy to read	Blog, web document	Open font
Montserrat	Strong headline	Hero title (paired with a different body font)	Open font
Inter	Professional UI	SaaS, admin	Open font
Source Sans 3	Clear, Adobe-like	Technical documents	Open font
IBM Plex Sans	Tech/brand	B2B, dev content	Open font

Serif and display fonts (headlines/publications)

Font	Suggested use	Google Fonts
Merriweather	Long articles, “reading newspaper” feel	Open font
Playfair Display	Elegant headlines, editorial	Open font
Crimson Pro	Modern serif body	Open font
Be Vietnam Pro (bold)	Can still be used for H1 if brand consistency is needed	Open font

Quick font pairing suggestions

• H1: Be Vietnam Pro SemiBold · Body: Nunito Sans / Source Sans 3
• H1: Montserrat Bold · Body: Open Sans
• H1: Playfair Display · Body: Source Sans 3

Embedding Google Fonts (web)

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;600;700&display=swap" rel="stylesheet">

body { font-family: "Be Vietnam Pro", system-ui, sans-serif; }

Performance tip: only load the weights you need; prioritize display=swap; self-host (fontsource) if you need to reduce third-party requests.

Checking Vietnamese text before finalizing your brand

1. Paste a paragraph with enough diacritics: “Được sự ủng hộ của ông Nguyễn Văn Đồng và cô Lê Thị Ước.”
2. Check the letters đ/Đ, ư/ơ, and the ngã/hỏi diacritics at sizes 14–16px.
3. Try bold and italic (if the font has them).
4. Check on iOS/Android/Chrome Windows.

Legal notes and sources

• Prioritize downloading from Google Fonts (Vietnamese subset).
• Do not re-upload “full family crack” packages to public drives.
• The Vietnamese system font (Times New Roman, Arial) is still acceptable for internal documents; this article focuses on open web fonts.

Brief FAQ

Which font is the most “Vietnamese”? Be Vietnam Pro is usually a safe starting point for UI/blogs in Vietnamese.

Do I need a separate font for my logo? Logos should have their own vector files; web fonts are for interfaces only.

Can I use them in Canva/Figma? Many Google Fonts are available on design tools; if not, download from Google Fonts according to the license.

Note: Resources maintained by Xuân Hiếu (XuanHieu.org). See more digital resources and Vietnamese-Chinese transliteration table.