Biên soạn: Ban biên tập Tạo Chữ Đẹp. Cập nhật lần cuối: . Danh sách font mảnh được đối chiếu với giao diện CSS của Google Fonts: chỉ giữ font có gói tiếng Việt ở đúng độ đậm nêu trong thẻ; Playwrite VN được kiểm tra bằng bảng ký tự của chính file font. Cột “thường hiển thị” trong các bảng là nhận định dựa trên tài liệu của ứng dụng và đặc tính Unicode, không phải kết quả thử trên từng ứng dụng; hãy dán thử một dòng ngắn trước khi đăng. Nguồn ở cuối bài.
Chữ mảnh: ký tự và font là hai việc khác nhau
Người tìm “font chữ mảnh” thường muốn một trong hai: một dòng chữ mảnh dán vào bio, hoặc một font mảnh cho thiết kế. Cả hai đều làm được nhưng trung thực thì khác nhau. Unicode không có bảng chữ “mảnh”: các bảng chữ đậm, nghiêng, thư pháp là thứ có sẵn. Vì vậy công cụ ở đầu trang chọn những bảng có nét mảnh nhất, và nói rõ đó là chữ “mảnh hơn bản đậm” chứ không phải weight Thin thật.
Còn nếu bạn làm thiết kế, thứ bạn cần là font có weight 100, 200 hoặc 300 và có đủ dấu tiếng Việt ở đúng độ đậm đó. Đây là chỗ mà các trang tải font thường không nói: nhiều font có bản Thin nhưng gói tiếng Việt chỉ có ở bản Regular. Phần xem thử bên dưới chỉ giữ font đã được đối chiếu.
Cách chọn chữ mảnh trong 3 bước
- Xác định nơi dùng. Dán vào bio, tên hiển thị, tin nhắn: dùng công cụ ở đầu trang. Làm poster, logo, website: dùng font mảnh ở phần dưới.
- Thử bằng câu tiếng Việt. Gõ câu có đủ dấu hỏi, ngã, nặng và mũ vào ô xem thử. Ở weight mảnh, dấu thanh là thứ biến mất đầu tiên.
- Kiểm tra độ tương phản. Xem trên điện thoại thật, ở đúng nền và ánh sáng. Nếu chữ mờ, tăng weight hoặc làm tối màu chữ.
Chữ mảnh dạng ký tự: những gì có thật
| Kiểu | Kết quả với “Chữ mảnh thanh lịch” | Ghi chú |
|---|---|---|
| Sans thường (mảnh hơn bản đậm) | 𝖢𝗁ữ 𝗆𝖺̉𝗇𝗁 𝗍𝗁𝖺𝗇𝗁 𝗅𝗂̣𝖼𝗁 | Sans thường, nét đều, mảnh hơn bản đậm |
| Đánh máy (nét đều, mảnh) | 𝙲𝚑ữ 𝚖𝚊̉𝚗𝚑 𝚝𝚑𝚊𝚗𝚑 𝚕𝚒̣𝚌𝚑 | Đánh máy, nét đều; hơi đặc |
| Thư pháp nét mảnh | 𝒞𝒽ữ 𝓂𝒶̉𝓃𝒽 𝓉𝒽𝒶𝓃𝒽 𝓁𝒾̣𝒸𝒽 | Nét thư pháp mảnh, đọc khó hơn |
| Chữ tròn viền mảnh | Ⓒⓗⓤ ⓜⓐⓝⓗ ⓣⓗⓐⓝⓗ ⓛⓘⓒⓗ | Viền mảnh quanh chữ |
| Nét đôi (rỗng) | ℂ𝕙ữ 𝕞𝕒̉𝕟𝕙 𝕥𝕙𝕒𝕟𝕙 𝕝𝕚̣𝕔𝕙 | Nét đôi rỗng, nhìn nhẹ |
Các bảng Unicode này thiếu một số chữ có dấu tiếng Việt, nên công cụ ghép dấu từ chữ nền mảnh và dấu rời, hoặc bỏ dấu. Trong bảng trên, chữ “ữ” giữ nguyên dạng thường vì không có chữ ư mảnh trong Unicode. Vì thế dòng hơi lệch độ mảnh; hãy chọn Bỏ dấu nếu muốn đồng đều.
Font chữ mảnh có tiếng Việt: độ mảnh nhất đã kiểm tra
Mỗi thẻ dưới đây hiển thị chữ ở độ mảnh nhất có gói tiếng Việt, kèm số weight ở nhãn. Hãy gõ câu của bạn và nhìn dấu thanh. Nếu bạn chỉ dùng font nền cho nội dung thường ngày, hãy xem thêm phông chữ miễn phí có tiếng Việt.
-
Be Vietnam Pro
Chữ mảnh thanh lịch, dấu vẫn rõ
Thiết kế có tính đến chữ Việt, rất hợp giao diện web và ứng dụng.
-
Roboto
Chữ mảnh thanh lịch, dấu vẫn rõ
Quen thuộc, dễ đọc ở cỡ nhỏ trên điện thoại.
-
Open Sans
Chữ mảnh thanh lịch, dấu vẫn rõ
Trung tính, hợp văn bản dài và trang giới thiệu.
-
Montserrat
Chữ mảnh thanh lịch, dấu vẫn rõ
Nét hình học hiện đại, hợp tiêu đề và logo chữ.
-
Inter
Chữ mảnh thanh lịch, dấu vẫn rõ
Tối ưu cho màn hình, dấu thanh hiển thị rõ.
-
Nunito
Chữ mảnh thanh lịch, dấu vẫn rõ
Đầu nét bo tròn, thân thiện cho nội dung trẻ trung.
-
Quicksand
Chữ mảnh thanh lịch, dấu vẫn rõ
Bo tròn, nhẹ nhàng, hợp thiệp và poster mềm mại.
-
Lexend
Chữ mảnh thanh lịch, dấu vẫn rõ
Tập trung vào khả năng đọc, hợp bài viết và tài liệu.
-
Raleway
Chữ mảnh thanh lịch, dấu vẫn rõ
Thanh mảnh, sang trọng ở cỡ chữ lớn.
-
Barlow
Chữ mảnh thanh lịch, dấu vẫn rõ
Hơi hẹp, gọn, hợp bảng biểu và biển hiệu.
-
Mali
Chữ mảnh thanh lịch, dấu vẫn rõ
Nét tay dễ thương, đọc được cả đoạn ngắn.
-
Josefin Sans
Chữ mảnh thanh lịch, dấu vẫn rõ
Hình học thanh mảnh, phong cách vintage nhẹ.
-
Cormorant
Chữ mảnh thanh lịch, dấu vẫn rõ
Có chân thanh nhã, đẹp nhất ở cỡ lớn làm tiêu đề.
-
Spectral
Chữ mảnh thanh lịch, dấu vẫn rõ
Có chân thanh, thiết kế cho đọc trên màn hình, có nhiều độ mảnh.
-
Work Sans
Chữ mảnh thanh lịch, dấu vẫn rõ
Không chân thân thiện, dải độ đậm rộng từ Thin đến Black.
-
Archivo
Chữ mảnh thanh lịch, dấu vẫn rõ
Không chân gọn, có cả bản mảnh lẫn đậm, hợp tiêu đề.
-
IBM Plex Sans
Chữ mảnh thanh lịch, dấu vẫn rõ
Không chân phong cách kỹ thuật, có độ mảnh Thin.
-
Playwrite VN
Chữ mảnh thanh lịch, dấu vẫn rõ
Chữ viết tay kiểu chữ học sinh Việt Nam, được vẽ riêng cho tiếng Việt.
Không có font nào khớp bộ lọc.
Phần xem thử tải font từ Google Fonts khi bạn cuộn tới danh sách. Mọi font ở đây đều có gói chữ tiếng Việt (vietnamese) trên Google Fonts; luôn xem lại giấy phép ở trang font trước khi dùng thương mại.
| Weight | Tên gọi | Dùng khi |
|---|---|---|
| 100 | Thin | Tiêu đề rất lớn, nền tối, ít chữ |
| 200 | Extra Light | Tiêu đề lớn, poster, thiệp |
| 300 | Light | Tiêu đề vừa, đoạn ngắn ở cỡ lớn, giao diện tối giản |
| 400 | Regular | Nội dung chính, văn bản dài |
Chữ mảnh dùng được ở đâu?
| Nơi dùng | Cách | Ghi chú |
|---|---|---|
| Bio, tên hiển thị, tin nhắn | Ký tự mảnh từ công cụ | Thường hiển thị; đọc khó khi dài |
| Poster, thiệp, logo | Font weight 100 đến 300 | Chỉ ở cỡ lớn; kiểm tra tiếng Việt ở đúng weight |
| Website | font-weight: 300 với font có gói tiếng Việt | Chỉ tải weight cần dùng |
| Điện thoại, ngoài trời | Tăng weight hoặc dùng Regular | Độ tương phản thấp ở nét mảnh |
| Tài liệu in | Weight 300 trở lên | Nét 100 có thể đứt khi in thường |
Khi nào chữ mảnh gây lỗi
- Dấu mất. Dấu thanh nhỏ nên ở weight 100 dễ biến mất; chọn 200 hoặc 300 cho chữ có dấu.
- Độ tương phản thấp. Chữ mảnh xám nhạt trên nền trắng khó đọc; theo WCAG, hãy đo độ tương phản chứ đừng chỉ nhìn bằng mắt.
- Weight không có. Nếu bạn khai báo font-weight 100 mà font không có, trình duyệt sẽ chọn weight gần nhất, trông khác dự định.
- Gói tiếng Việt thiếu ở bản mảnh. Một số font có Thin nhưng tiếng Việt chỉ ở Regular; dấu rơi sang font khác.
Cú pháp CSS chữ mảnh
Trên website, font-weight: 100; chọn bản Thin nếu font có. Hai cú pháp mẫu có sẵn dưới công cụ, trong đó ví dụ dùng Be Vietnam Pro với weight 100. Hãy chỉ tải weight cần dùng từ Google Fonts để trang nhẹ.
Kiểu chữ liên quan
- Chữ in đậm — đối lập với chữ mảnh
- Chữ nghiêng — font nghiêng có tiếng Việt
- Font chữ uốn lượn — nét thư pháp mảnh
- Chữ nhỏ — chữ nhỏ thanh nhẹ
Xem toàn bộ danh mục ở trang các kiểu chữ.
Nguồn và cách chúng tôi kiểm tra
Độ mảnh nhất của từng font lấy từ giao diện CSS của Google Fonts (khối vietnamese), kiểm tra ở lần cập nhật gần nhất. Tài liệu tham khảo: Google Fonts: Be Vietnam Pro; Google Fonts: Raleway; MDN: font-weight; W3C: WCAG 2.2; Biểu đồ Unicode: Mathematical Alphanumeric Symbols (U+1D400). Kiểm tra lần cuối ở lần cập nhật gần nhất ().
Câu hỏi thường gặp
Font chữ mảnh nào có tiếng Việt miễn phí?
Trong danh sách phía trên, các font có bản mảnh (Thin 100, Extra Light 200 hoặc Light 300) và gói chữ tiếng Việt trên Google Fonts gồm Be Vietnam Pro, Raleway, Josefin Sans, Montserrat, Roboto, Lexend, Inter, Barlow, Work Sans, Archivo, IBM Plex Sans, Playwrite VN, Nunito, Spectral, Mali, Quicksand, Cormorant và Open Sans. Mỗi thẻ ghi rõ độ mảnh nhất đã kiểm tra.
Có chữ mảnh dạng ký tự để dán vào bio không?
Không có bảng chữ mảnh đúng nghĩa trong Unicode, vì Unicode không có khái niệm độ đậm nhẹ. Công cụ chọn những bảng có nét mảnh nhất có sẵn: sans thường (mảnh hơn bản đậm), chữ đánh máy, thư pháp nét mảnh, chữ rộng và chữ tròn viền mảnh.
Vì sao dùng font mảnh khó đọc trên điện thoại?
Nét mảnh có độ tương phản thấp với nền, nhất là ở cỡ chữ nhỏ và màn hình ngoài trời. Dấu thanh tiếng Việt vốn nhỏ nên ở bản Thin dễ biến mất. Hãy dùng font mảnh cho tiêu đề lớn và dòng ngắn, còn nội dung chính dùng bản Regular.
Nên chọn weight 100, 200 hay 300?
Bản 100 (Thin) rất mảnh, hợp tiêu đề cỡ rất lớn trên nền tối. Bản 200 và 300 dễ đọc hơn và hợp tiêu đề vừa. Khi chữ nhỏ hơn cỡ tiêu đề, nên bắt đầu từ 300 hoặc 400 rồi kiểm tra thực tế trên điện thoại.
Nhúng font mảnh vào website cần lưu ý gì?
Chỉ tải đúng độ đậm bạn dùng để trang nhẹ, ví dụ chỉ weight 300 thay vì cả họ. Khai báo font-weight đúng giá trị, và kiểm tra gói tiếng Việt ở độ đậm đó, vì không phải độ đậm nào của font cũng có đủ dấu.
Chữ mảnh có đạt chuẩn trợ năng không?
Hướng dẫn WCAG yêu cầu độ tương phản đủ giữa chữ và nền, và nét mảnh làm chữ trông nhạt hơn dù màu giống nhau. Hãy đo độ tương phản bằng công cụ kiểm tra và chọn màu đậm hơn khi dùng nét mảnh ở cỡ nhỏ.