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
- Dán đoạn có đủ dấu: “Được sự ủng hộ của ông Nguyễn Văn Đồng và cô Lê Thị Ước.”
- Xem chữ đ/Đ, ư/ơ, thanh ngã/hỏi ở cỡ 14–16px.
- Thử in đậm + italic (nếu font có).
- 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.
