Typography cơ bản: Cách chọn font và trình bày chữ chuyên nghiệp

Trong hầu hết thiết kế, chữ chiếm phần lớn diện tích. Nhưng khi làm bài, sinh viên thường dành 80% thời gian cho hình ảnh và 5 phút cuối để "chọn đại một font cho đẹp". Kết quả là bản thiết kế trông nghiệp dư dù ảnh rất đẹp.

Typography là nghệ thuật sắp đặt chữ sao cho vừa dễ đọc vừa truyền tải đúng cảm giác. Điều đáng mừng: phần lớn typography tốt đến từ việc tuân thủ vài quy tắc đơn giản, không cần năng khiếu.

Phân loại font: 5 nhóm cần biết

Ba nguyên tắc thực dụng:

1. Script và display chỉ dùng ở cỡ lớn và số lượng ít. Đừng bao giờ viết một đoạn văn bằng font viết tay.
2. Sans-serif là lựa chọn an toàn cho màn hình, đặc biệt ở cỡ nhỏ.
3. Font hỗ trợ tiếng Việt là điều kiện bắt buộc. Rất nhiều font nước ngoài đẹp nhưng thiếu dấu, khiến chữ "ế", "ữ" bị vỡ hoặc rơi dấu. Luôn gõ thử "Tiếng Việt có dấu đầy đủ: ắ ẳ ễ ộ ự" trước khi quyết định dùng.

Cách ghép cặp font

Quy tắc bao trùm: hai font là đủ. Một cho tiêu đề, một cho nội dung. Ba font trở lên chỉ dành cho người đã thành thạo.

Ba cách ghép an toàn:

• Một họ font, nhiều độ dày. Dùng cùng một font nhưng tiêu đề Bold 700, nội dung Regular 400. Gần như không bao giờ sai và luôn nhất quán.
• Serif tiêu đề + sans-serif nội dung. Tạo tương phản rõ, phù hợp bài viết dài, tạp chí, portfolio.
• Sans-serif tiêu đề + serif nội dung. Cho cảm giác hiện đại nhưng nội dung vẫn dễ đọc dài.

Cách chọn cặp font hỏng: hai font quá giống nhau (cả hai đều là sans-serif hình học) — người xem không nhận ra đó là chủ đích, chỉ thấy "sai sai".

Gợi ý font miễn phí hỗ trợ tiếng Việt tốt: Inter, Be Vietnam Pro, Roboto, Open Sans, Nunito Sans (sans-serif); Merriweather, Lora, Playfair Display (serif). Tất cả đều có trên Google Fonts và dùng được cho cả bài tập lẫn dự án thương mại.

Thang cỡ chữ (Type scale)

Đừng chọn cỡ chữ ngẫu nhiên (17px, 19px, 23px…). Hãy dựng một thang cố định rồi chỉ dùng các bước trong thang đó.

Ví dụ thang theo tỷ lệ 1.25 dùng được cho hầu hết đồ án web:

Hai điều quan trọng rút ra từ bảng này:

• Chênh lệch giữa các cấp phải đủ rõ. H1 và H2 chỉ chênh 2px là vô nghĩa.
• Chữ càng lớn, chiều cao dòng càng nhỏ. Tiêu đề 40px với line-height 1.6 sẽ rời rạc; nội dung 16px với line-height 1.2 sẽ ngột ngạt.

Bốn thông số quyết định độ dễ đọc

1. Chiều cao dòng (Line height)

Với văn bản dài, khoảng 1.5–1.7 lần cỡ chữ là vùng thoải mái. Quá chật khiến mắt nhảy sai dòng, quá thưa khiến đoạn văn tan rã thành các dòng rời.

2. Độ dài dòng (Line length)

Lý tưởng khoảng 45–75 ký tự mỗi dòng. Dòng quá dài khiến mắt khó tìm được đầu dòng tiếp theo. Đây là lý do các trang tin tức không cho chữ tràn hết bề ngang màn hình mà giới hạn trong một cột hẹp.

Trên slide thuyết trình, con số này còn nên ngắn hơn nữa.

3. Khoảng cách chữ (Tracking / Letter spacing)

• Chữ tiêu đề rất lớn: giảm nhẹ tracking (âm 1–2%) để các chữ cái không rời rạc.
• Chữ IN HOA hoặc chữ rất nhỏ: tăng nhẹ tracking để dễ đọc.
• Đoạn văn thường: để mặc định. Nhà thiết kế font đã tính toán rồi.

4. Căn lề (Alignment)

• Căn trái là mặc định an toàn cho mọi đoạn văn.
• Căn giữa chỉ dùng cho cụm ngắn: tiêu đề, tên, khẩu hiệu. Căn giữa cả đoạn văn khiến mép trái răng cưa, mắt phải tìm điểm bắt đầu mỗi dòng.
• Căn đều hai bên dễ tạo ra những "dòng sông" khoảng trắng chạy dọc đoạn văn, đặc biệt khi cột hẹp. Nếu bắt buộc dùng trong luận văn, hãy bật ngắt từ tự động.

Thứ bậc chữ: 5 công cụ tạo phân cấp

Khi cần làm nổi một phần chữ, bạn có nhiều lựa chọn hơn là chỉ bôi đậm:

1. Cỡ chữ — mạnh nhất, rõ nhất.
2. Độ dày (weight) — tinh tế, giữ được sự gọn gàng.
3. Màu sắc / độ sáng — chữ phụ dùng xám nhạt hơn.
4. Khoảng cách — thêm khoảng trống phía trên tiêu đề.
5. Kiểu chữ — in hoa, in nghiêng cho nhãn phân loại.

Nguyên tắc: dùng tối đa hai công cụ cùng lúc cho một cấp. Vừa to, vừa đậm, vừa đỏ, vừa in hoa, vừa gạch chân là dấu hiệu rõ nhất của thiết kế nghiệp dư.

10 lỗi typography thường gặp trong bài của sinh viên

1. Dùng 4–5 font trong một slide.
2. Kéo giãn hoặc bóp méo chữ cho vừa khung — phá hỏng tỷ lệ mà nhà thiết kế font đã cân chỉnh.
3. Đặt chữ đè lên vùng ảnh rối mà không có lớp phủ.
4. Chữ tiêu đề và chữ nội dung chênh nhau quá ít.
5. Căn giữa toàn bộ đoạn văn dài.
6. Chọn font không có dấu tiếng Việt, dẫn đến mất dấu hoặc dấu chồng chữ.
7. Viết cả câu bằng CHỮ IN HOA (đọc chậm hơn đáng kể so với chữ thường).
8. Dùng chữ màu xám quá nhạt, không đạt tương phản 4.5:1.
9. Không thống nhất: cùng là tiêu đề mục nhưng mỗi trang một cỡ.
10. Nhồi chữ để "không bị trống", thay vì cắt bớt nội dung.

Bài tập thực hành

1. Bài tập một font: thiết kế một poster chỉ dùng duy nhất một font, tạo phân cấp bằng cỡ và độ dày. Đây là bài tập rèn typography hiệu quả nhất.
2. Sửa slide cũ: lấy bộ slide gần nhất, dựng thang cỡ chữ 4 cấp và áp dụng lại toàn bộ.
3. Đo dòng: mở một bài viết dài bạn từng làm, đếm số ký tự trên một dòng. Nếu vượt 90, thu hẹp cột lại và cảm nhận khác biệt.
4. Kiểm tra dấu: gõ đoạn "Nghiên cứu hệ thống quản lý ký túc xá — Đề tài tốt nghiệp" bằng font bạn định dùng, phóng to 300% và soi từng dấu.

Câu hỏi thường gặp

Font nào tốt nhất cho luận văn và báo cáo?

Đa số trường quy định sẵn (thường là Times New Roman 13 hoặc 14). Nếu được tự chọn, một font serif dễ đọc như Merriweather hoặc Lora cho phần thân bài, cỡ 12–13pt, chiều cao dòng 1.5 là lựa chọn an toàn và dễ chấm.

Có được dùng font tải trên mạng cho đồ án không?

Với bài tập trên lớp thì hầu như không ai kiểm tra, nhưng nếu bạn định dùng thiết kế cho hoạt động có thu phí hoặc đưa vào portfolio thương mại, hãy kiểm tra giấy phép. Google Fonts và các font ghi rõ "free for commercial use" là an toàn nhất.

Bao nhiêu font là quá nhiều?

Từ ba trở lên đã cần lý do rõ ràng. Nếu muốn nhiều biến thể mà vẫn an toàn, hãy dùng một họ font có nhiều độ dày (Regular, Medium, SemiBold, Bold) — bạn có sự đa dạng mà không mất tính nhất quán.

Chữ trên slide thuyết trình nên cỡ bao nhiêu?

Với phòng học thông thường, nội dung không nên nhỏ hơn 24pt và tiêu đề từ 36pt trở lên. Nguyên tắc kiểm tra: đứng cách màn hình laptop khoảng 2 mét, nếu đọc được thì người ngồi cuối lớp cũng đọc được.

Typography khác gì với chọn font?

Chọn font chỉ là một phần nhỏ. Typography bao gồm cỡ chữ, khoảng cách dòng, độ dài dòng, khoảng cách giữa các khối chữ, cách căn lề và cách tạo phân cấp. Hai người dùng cùng một font vẫn có thể cho ra hai kết quả chênh lệch rất xa.

Làm sao để chữ tiếng Việt trông cân đối hơn?

Tiếng Việt có nhiều dấu chồng nên chiều cao dòng cần rộng hơn tiếng Anh một chút — hãy tăng line-height lên khoảng 1.6–1.7 với đoạn văn. Đồng thời tránh các font có khoảng cách giữa dòng quá chật hoặc font có chiều cao chữ thường (x-height) quá lớn.

Nguồn tham khảo

• Google Fonts – Knowledge
• Fundamentals of Graphic Design – CalArts (Coursera)
• Nhập môn tư duy thiết kế: Bố cục và typography – Thư viện ĐH SPKT TP.HCM
• WebAIM – Typefaces and Fonts

Kết luận

Typography tốt thường vô hình: người đọc không nhận ra nó, họ chỉ thấy nội dung dễ hiểu. Ngược lại, typography tệ luôn bị nhận ra ngay lập tức.

Nếu chỉ nhớ ba điều từ bài này, hãy nhớ: dùng tối đa hai font, dựng một thang cỡ chữ rồi tuân thủ nó, và luôn kiểm tra font có đủ dấu tiếng Việt.

Bài viết liên quan

• Lý thuyết màu sắc trong thiết kế
• Bố cục và hệ lưới trong thiết kế
• Phân cấp thị giác
• Thiết kế slide thuyết trình và đồ án