Ghép font tốt là chọn hai kiểu chữ khác nhau đủ rõ để người đọc biết đâu là tiêu đề, đâu là nội dung, nhưng giống nhau ở một điểm nền như tỉ lệ, chiều cao chữ thường hay tinh thần thời đại để cả trang vẫn thuộc về một nhà. Hai font quá giống nhau tạo cảm giác sai sót, hai font khác nhau ở mọi thứ thì trang như hai tờ dán lại.
Bài này đi qua các nguyên tắc ghép có lý do, cách dùng AI để mở rộng phương án mà không để nó chọn thay, quy trình thử trên bản phác thật và những cặp hay hỏng ở thị trường Việt. Phần kiểm dấu tiếng Việt của từng font có bài riêng; ở đây giả định các font đã qua bước đó.
Tương phản và tương đồng: hai trục của một cặp font
Một cặp font cần tương phản ở trục mà mắt người đọc dùng để phân cấp. Trục dễ thấy nhất là cấu trúc: chữ có chân ghép với chữ không chân, chữ nét đều ghép với chữ tương phản nét mạnh. Trục thứ hai là độ đậm: tiêu đề đậm, nội dung thường. Trục thứ ba là cỡ chữ. Bạn không cần tương phản ở cả ba trục; thường một trục rõ cộng với một trục phụ là đủ.
Đồng thời, cặp font cần giống nhau ở ít nhất một trục nền. Phổ biến nhất là chiều cao chữ thường so với chữ hoa: hai font có chữ thường cao tương đương đặt cạnh nhau trông cân hơn hẳn. Trục khác là độ rộng chữ, hình dạng các chữ tròn như o và c, hoặc nguồn gốc lịch sử, ví dụ cả hai cùng mang dáng chữ hình học, hay cùng gần với nét bút viết.
Lỗi điển hình của người mới là ghép hai font không chân gần giống nhau. Người xem không nói ra được lý do, nhưng cảm thấy có gì đó không ổn, như thể người làm định dùng một font mà lỡ tay đổi. Nguyên tắc dễ nhớ: hoặc dùng cùng một họ font với các độ đậm khác nhau, hoặc dùng hai họ khác nhau rõ ràng. Vùng ở giữa là vùng nguy hiểm.
Một lựa chọn an toàn cho người mới hoặc dự án gấp là dùng một họ font duy nhất có nhiều độ đậm và có cả bản nghiêng, bản hẹp. Phân cấp tạo bằng độ đậm và cỡ. Cách này kém cá tính hơn nhưng gần như không thể sai, và rất hợp với giao diện ứng dụng hay tài liệu nội bộ.
Các kiểu ghép phổ biến và khi nào nên dùng
Bảng dưới không phải công thức, mà là điểm xuất phát để bạn chọn hướng trước khi lọc font cụ thể.
| Kiểu ghép | Cảm giác tạo ra | Hợp với | Điểm cần canh |
|---|---|---|---|
| Tiêu đề có chân, nội dung không chân | Trang trọng ở trên, gọn gàng ở dưới | Tạp chí, thực đơn nhà hàng, tài liệu giới thiệu | Chân chữ tiêu đề quá mảnh dễ mất khi thu nhỏ trên điện thoại |
| Tiêu đề không chân đậm, nội dung có chân | Hiện đại ở tiêu đề, dễ đọc ở đoạn dài | Sách, bài viết dài, báo cáo | Font có chân cho đoạn văn phải có độ tương phản nét vừa phải |
| Một họ không chân, nhiều độ đậm | Thống nhất, kỹ thuật | Giao diện ứng dụng, tài liệu nội bộ, bảng số liệu | Dễ nhạt; cần bố cục và màu bù vào |
| Font trang trí cho tiêu đề ngắn, nội dung trung tính | Cá tính, gần gũi | Quán cà phê, tiệm bánh, sự kiện | Font trang trí chỉ dùng cho vài chữ; câu dài đọc rất mệt |
| Font viết tay cho điểm nhấn | Thân mật, thủ công | Thiệp, bao bì nhỏ, bài đăng dịp lễ | Font viết tay tiếng Việt đủ dấu đẹp rất hiếm, phải thử kỹ |
Cột cuối là chỗ người thiết kế ở Việt Nam hay vấp nhất. Các bài hướng dẫn ghép font tiếng Anh ít khi nhắc đến dấu, mà cặp font đẹp trên ví dụ tiếng Anh có thể vỡ ngay khi gõ một dòng tiếng Việt nhiều dấu chồng.
Số font và vai trò của từng font
Hai họ font là đủ cho hầu hết dự án. Một họ cho tiêu đề, một họ cho nội dung. Họ thứ ba chỉ nên có khi có vai trò rất riêng, ví dụ chữ số trong bảng giá hay mã sản phẩm, và phải tự hỏi xem độ đậm khác của họ đang có đã giải quyết được chưa.
Mỗi font phải có một việc. Khi viết hướng dẫn sử dụng chữ cho khách, ghi rõ font nào dùng cho tiêu đề cấp một, cấp hai, đoạn văn, chú thích, nút bấm. Font không có việc rõ ràng sẽ bị nhân viên của khách dùng tuỳ hứng, và sau ba tháng bộ nhận diện mất đồng nhất.
Font trang trí là gia vị. Font có cá tính mạnh dùng cho vài chữ trong tiêu đề hay một con số lớn. Khi gia vị lan ra cả đoạn văn, người đọc mệt trước khi đọc xong câu thứ hai.
Tính cả các nền tảng sẽ hiển thị. Nếu khách cần chữ trên trang web, ứng dụng nhắn tin bán hàng, phần mềm soạn văn bản của nhân viên, hãy chọn ít nhất một font dùng được ở tất cả những nơi đó, hoặc chỉ định font thay thế rõ ràng cho từng nơi.
Nhờ AI gợi ý cặp font mà không để nó quyết thay
Chatbot hữu ích ở việc mở rộng các hướng và giải thích lý do, nhưng có hai điểm yếu: hay nêu tên font không chắc có thật hoặc nhầm giấy phép, và không nhìn thấy dấu tiếng Việt. Quy trình dưới đây tận dụng điểm mạnh và chặn hai điểm yếu đó.
- Mô tả dự án bằng lời chung, không tên khách, không kế hoạch chưa công bố: ví dụ giả định "thương hiệu trà sữa cho học sinh cấp ba ở Hải Phòng, vui, trẻ, đọc chủ yếu trên điện thoại".
- Hỏi theo đặc điểm: câu lệnh mẫu "Gợi ý ba hướng ghép font cho tiêu đề và nội dung theo mô tả trên. Với mỗi hướng, nêu trục tương phản, trục tương đồng, độ đậm nên dùng và rủi ro khi đọc trên màn hình nhỏ".
- Nếu muốn có tên font, giới hạn nguồn: "Chỉ gợi ý font phát hành theo giấy phép mã nguồn mở, ghi rõ tên giấy phép, và ghi chú nếu không chắc font có hỗ trợ tiếng Việt". Sau đó tự kiểm từng tên ở nguồn phát hành gốc.
- Dựng bản phác thật với chữ thật của dự án, không dùng chữ mẫu vô nghĩa. Cùng một bố cục, đổi từng cặp để so.
- Nhờ AI phản biện: mô tả lại bản phác bằng lời (cỡ chữ, độ đậm, khoảng cách) và hỏi "phân cấp ở đây có rõ không, chỗ nào người đọc có thể nhầm cấp tiêu đề". Câu trả lời là gợi ý để bạn nhìn lại, không phải phán quyết.
- Chọn và ghi lại lý do vào hồ sơ dự án để trình khách.
Nếu dùng công cụ AI có khả năng đọc ảnh, bạn có thể chụp bản phác gửi lên để nhận góp ý. Trước khi gửi, kiểm xem ảnh có thông tin chưa công bố của khách như tên sản phẩm mới hay giá bán dự kiến không, và che đi nếu có.
Thử cặp font trên bản phác: nhìn gì, theo thứ tự nào
Đầu tiên nhìn từ xa hoặc nheo mắt. Ở khoảng cách đó chữ không đọc được, chỉ còn các mảng sáng tối. Nếu tiêu đề và nội dung tách thành hai mảng rõ, trục tương phản đang làm việc. Nếu mọi thứ thành một màu xám đều, tương phản chưa đủ.
Tiếp theo đọc một đoạn văn dài ở cỡ thật trên đúng thiết bị đích. Với ấn phẩm đọc trên điện thoại, đặt bản phác lên điện thoại và đọc như người dùng, không phóng to. Font nội dung đẹp ở màn hình lớn có thể trở nên chật và khó đọc khi thu nhỏ, nhất là chữ có nhiều dấu chồng.
Sau đó nhìn chỗ hai font gặp nhau: tiêu đề nằm ngay trên đoạn mở, chú thích nằm cạnh ảnh. Đây là chỗ lộ ra sự khác biệt về chiều cao chữ thường và độ rộng. Nếu chữ thường của tiêu đề thấp hơn hẳn chữ thường nội dung khi cùng cỡ, khi xuống cỡ nhỏ hơn cho tiêu đề phụ trông sẽ hụt.
Cuối cùng gõ thử những chuỗi khó: con số có dấu chấm phân cách hàng nghìn, chữ viết tắt toàn hoa, một từ tiếng Anh xen giữa câu tiếng Việt, và tên địa danh có nhiều dấu như Quảng Ngãi, Thừa Thiên đã thành Huế, hay Bà Rịa nay thuộc Thành phố Hồ Chí Minh. Cặp font nào qua hết các chuỗi này là cặp dùng được lâu dài.
Những cặp hay hỏng trên ấn phẩm ở Việt Nam
Danh sách dưới tổng hợp từ các lỗi thường gặp trên thực đơn, biển quảng cáo, bài đăng mạng xã hội của cửa hàng nhỏ. Mỗi lỗi kèm hướng sửa.
- Hai font viết tay trong một ấn phẩm: cả hai tranh nhau sự chú ý, không cái nào là nền. Giữ một font viết tay cho vài chữ, nội dung về font trung tính.
- Font trang trí dùng cho cả đoạn mô tả món: khách đọc tên món rồi bỏ phần mô tả. Mô tả chuyển sang font nội dung dễ đọc.
- Font có chân rất mảnh trên nền ảnh: chân chữ biến mất, dấu cũng mất theo. Đổi độ đậm, thêm lớp nền dưới chữ hoặc đổi font.
- Toàn bộ viết hoa bằng font có dấu chồng cao: khoảng cách dòng không đủ, dấu dòng dưới đâm vào chân dòng trên. Hạn chế viết hoa câu dài, nới khoảng cách dòng.
- Đổi font giữa chừng khi làm bộ ấn phẩm: bài đăng tuần này khác tuần trước vì máy người làm không có font. Lưu font và hướng dẫn chữ vào thư mục dự án dùng chung.
- Chọn font chỉ vì đang thịnh: sáu tháng sau trông giống mọi cửa hàng khác. Quay lại tính cách thương hiệu trong brief để chọn.
Nếu cần một quy tắc duy nhất mang theo: chọn font nội dung trước, vì nó chiếm phần lớn diện tích và quyết định trải nghiệm đọc, rồi mới tìm font tiêu đề đi cùng.
Câu hỏi thường gặp
Một thiết kế nên dùng tối đa bao nhiêu font?
Phần lớn dự án chỉ cần hai họ font, một cho tiêu đề và một cho nội dung. Họ thứ ba chỉ nên thêm khi có vai trò riêng rõ ràng. Một họ font nhiều độ đậm thường giải quyết được nhu cầu phân cấp mà không cần thêm họ mới.
Có nên ghép hai font không chân với nhau không?
Được, nếu hai font khác nhau rõ ở cấu trúc hoặc cá tính, ví dụ một font hình học tròn với một font nét nhân văn hẹp hơn. Hai font không chân gần giống nhau là cặp nên tránh vì trông như lỗi chọn nhầm.
AI có chọn được cặp font đẹp không?
AI giúp liệt kê hướng ghép và giải thích nguyên tắc khá tốt, nhưng không nhìn thấy font thật và có thể nêu nhầm tên hay giấy phép. Hãy hỏi theo đặc điểm, kiểm từng tên ở nguồn gốc, rồi tự quyết định trên bản phác thật.
Chiều cao chữ thường quan trọng thế nào khi ghép font?
Hai font có chiều cao chữ thường tương đương đặt cạnh nhau trông cân và liền mạch. Chênh lệch lớn khiến font này trông nhỏ hơn font kia dù cùng cỡ, và phải chỉnh cỡ lệch nhau để bù, làm hệ thống chữ khó quản lý.
Font viết tay có hợp với thương hiệu Việt không?
Hợp với thương hiệu cần cảm giác thủ công, thân mật như tiệm bánh, quán cà phê, quà tặng. Khó khăn là font viết tay đủ dấu tiếng Việt và dấu đẹp không nhiều, nên phải thử kỹ và chỉ dùng cho tiêu đề ngắn, không dùng cho đoạn văn.
Thử cặp font trên điện thoại hay trên màn hình máy tính?
Thử trên đúng thiết bị người xem dùng nhiều nhất. Với bài đăng mạng xã hội và trang bán hàng, đó thường là điện thoại. Đặt bản phác lên điện thoại, đọc ở cỡ thật không phóng to, vì cảm giác ở màn hình lớn hay khác xa thực tế.