So sánh và xem trước các font chữ phổ biến
Inter, sans-serif
Xin chào Việt Nam! The quick brown fox jumps over the lazy dog. 0123456789
Roboto, sans-serif
Xin chào Việt Nam! The quick brown fox jumps over the lazy dog. 0123456789
'Open Sans', sans-serif
Xin chào Việt Nam! The quick brown fox jumps over the lazy dog. 0123456789
Lato, sans-serif
Xin chào Việt Nam! The quick brown fox jumps over the lazy dog. 0123456789
Montserrat, sans-serif
Xin chào Việt Nam! The quick brown fox jumps over the lazy dog. 0123456789
Poppins, sans-serif
Xin chào Việt Nam! The quick brown fox jumps over the lazy dog. 0123456789
'Playfair Display', serif
Xin chào Việt Nam! The quick brown fox jumps over the lazy dog. 0123456789
Merriweather, serif
Xin chào Việt Nam! The quick brown fox jumps over the lazy dog. 0123456789
'Source Code Pro', monospace
Xin chào Việt Nam! The quick brown fox jumps over the lazy dog. 0123456789
'JetBrains Mono', monospace
Xin chào Việt Nam! The quick brown fox jumps over the lazy dog. 0123456789
'Be Vietnam Pro', sans-serif
Xin chào Việt Nam! The quick brown fox jumps over the lazy dog. 0123456789
Nunito, sans-serif
Xin chào Việt Nam! The quick brown fox jumps over the lazy dog. 0123456789
Font Preview là công cụ so sánh và xem trước các font chữ phổ biến online miễn phí. Tùy chỉnh cỡ chữ, độ đậm (font-weight), line-height, letter-spacing và xem kết quả realtime. Hỗ trợ 12+ font phổ biến bao gồm Inter, Roboto, Poppins, Montserrat, Playfair Display và các font hỗ trợ tiếng Việt. Copy CSS nhanh chóng để sử dụng trong dự án. Công cụ hoàn hảo cho designer và developer khi chọn typography cho website.
Typography chiếm 95% của web design - chọn font đúng có thể tạo nên hoặc phá hỏng thiết kế. Mỗi font có personality riêng: Serif fonts (Playfair, Merriweather) tạo cảm giác truyền thống, đáng tin cậy; Sans-serif (Inter, Roboto) hiện đại, sạch sẽ; Monospace (JetBrains Mono) chuyên nghiệp cho code. Xem trước font với văn bản thực tế giúp bạn: đánh giá readability ở các kích cỡ khác nhau, kiểm tra hỗ trợ tiếng Việt, so sánh nhanh nhiều lựa chọn, và đảm bảo font phù hợp với brand identity.
Inter: Font system của nhiều design system, rất readable. Roboto: Font mặc định của Android, cân bằng tốt. Poppins: Geometric sans-serif, hiện đại và friendly. Montserrat: Elegant, phù hợp headings. Playfair Display: Serif đẹp cho editorial. Be Vietnam Pro: Thiết kế riêng cho tiếng Việt. JetBrains Mono: Monospace tuyệt vời cho code.
Heading vs Body: Dùng font khác nhau cho tiêu đề và nội dung để tạo hierarchy. Font pairing: Kết hợp Serif heading + Sans-serif body hoặc ngược lại. Readability: Body text nên dùng font có x-height cao, không quá decorative. Performance: Chỉ load weights cần thiết (400, 700) để tối ưu tốc độ. Fallback: Luôn có font-family fallback (sans-serif, serif).
Hầu hết các font trong danh sách đều hỗ trợ tiếng Việt đầy đủ, đặc biệt là Be Vietnam Pro được thiết kế riêng cho tiếng Việt. Bạn có thể nhập văn bản tiếng Việt có dấu để kiểm tra.
Copy CSS từ công cụ, sau đó: 1) Thêm Google Fonts link vào HTML head, hoặc 2) Import trong CSS: @import url('https://fonts.googleapis.com/css2?family=Inter&display=swap'). Sau đó apply font-family vào element.
400 là Regular (bình thường), 700 là Bold (đậm). Các giá trị khác: 100 (Thin), 200 (Extra Light), 300 (Light), 500 (Medium), 600 (Semi Bold), 800 (Extra Bold), 900 (Black). Không phải font nào cũng có đủ tất cả weights.
Cho body text, line-height 1.5-1.7 thường tốt nhất cho readability. Headings có thể dùng 1.1-1.3 vì chữ lớn không cần nhiều khoảng cách. Quá thấp (<1.2) khiến chữ chồng lên nhau, quá cao (>2) tạo cảm giác rời rạc.
Thường không cần điều chỉnh cho body text. Tăng letter-spacing (0.5-2px) cho: uppercase text, small caps, hoặc headings lớn. Giảm letter-spacing (-0.5px) cho headings rất lớn để chữ không quá rời rạc.
Chúng tôi không chỉ thiết kế website, mà còn giúp doanh nghiệp xây dựng thương hiệu số mạnh mẽ. Cung cấp dịch vụ thiết kế website trọn gói từ thiết kế đến tối ưu SEO. Hãy liên hệ ngay với Tấn Phát Digital để cùng tạo nên những giải pháp công nghệ đột phá, hiệu quả và bền vững cho doanh nghiệp của bạn tại Hồ Chí Minh.
