Font tiếng Việt miễn phí từ Google cho thiết kế & web

Cập nhật: Tháng 7/2026

Danh sách font tiếng Việt miễn phí (Google Fonts) dùng cho thiết kế web, UI, slide và tài liệu. Bài này tổng hợp font hỗ trợ đủ dấu tiếng Việt, gợi ý use-case, và cách nhúng nhanh — không gắn file crack hay rehost trái phép.

Biên soạn trên XuanHieu.org bởi Phạm Xuân Hiếu. Cụm liên quan: Tài nguyên số, Bảng Việt–Hán.

Tiêu chí chọn font tiếng Việt

• Có đủ dấu thanh (sắc, huyền, hỏi, ngã, nặng) và ký tự đặc thù (ă, â, ê, ô, ơ, ư, đ).
• Render rõ trên màn hình (UI) hoặc đủ nét in (tài liệu/PDF).
• License mở (SIL OFL / Apache) qua Google Fonts — kiểm tra lại trước khi dùng thương mại lớn.
• Không tải “font full crack” từ forum lạ.

Font sans-serif (web/UI) nên dùng

Font	Phong cách	Gợi ý dùng	Google Fonts
Be Vietnam Pro	Hiện đại, đa weight	Landing, blog, UI app	Mở font
Nunito Sans	Mềm, thân thiện	Body text dài, FAQ	Mở font
Roboto	Trung tính Material	Dashboard, form	Mở font
Open Sans	Dễ đọc	Blog, tài liệu web	Mở font
Montserrat	Headline mạnh	Hero title (cặp body khác)	Mở font
Inter	UI chuyên nghiệp	SaaS, admin	Mở font
Source Sans 3	Rõ nét Adobe-ish	Tài liệu kỹ thuật	Mở font
IBM Plex Sans	Tech/brand	B2B, dev content	Mở font

Font serif & display (tiêu đề / ấn phẩm)

Font	Gợi ý	Google Fonts
Merriweather	Bài dài, cảm giác “đọc báo”	Mở font
Playfair Display	Headline sang, editorial	Mở font
Crimson Pro	Body serif hiện đại	Mở font
Be Vietnam Pro (bold)	Vẫn dùng được cho H1 nếu cần đồng bộ brand	Mở font

Cặp font gợi ý nhanh

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

Nhúng 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; }

Mẹo hiệu năng: chỉ load weight cần dùng; ưu tiên display=swap; tự host (fontsource) nếu cần giảm third-party request.

Kiểm tra tiếng Việt trước khi chốt brand

1. Dán đoạn có đủ dấu: “Được sự ủng hộ của ông Nguyễn Văn Đồng và cô Lê Thị Ước.”
2. Xem chữ đ/Đ, ư/ơ, thanh ngã/hỏi ở cỡ 14–16px.
3. Thử in đậm + italic (nếu font có).
4. Kiểm tra trên iOS/Android/Chrome Windows.

Lưu ý pháp lý & nguồn

• Ưu tiên tải từ Google Fonts (subset Vietnamese).
• Không re-upload gói “full family crack” lên drive công khai.
• Font hệ thống Việt (Times New Roman, Arial) vẫn ổn cho tài liệu nội bộ; bài này tập trung font web mở.

FAQ ngắn

Font nào “Việt nhất”? Be Vietnam Pro thường là điểm bắt đầu an toàn cho UI/blog Việt.

Có cần font riêng cho logo? Logo nên có file vector riêng; font web chỉ cho giao diện.

Dùng được trong Canva/Figma? Nhiều font Google có trên các công cụ thiết kế; nếu thiếu, tải từ Google Fonts theo license.

Ghi chú: Tài nguyên do Xuân Hiếu (XuanHieu.org) duy trì. Xem thêm tài nguyên số và bảng phiên âm Việt–Hán.