ThietKe.edu.vnHọc thiết kế từ nguyên lý đến sản phẩm
Gửi thư
Chữ và typography

Sắp chữ tiếng Việt có dấu: kiểm phông, khoảng cách dòng và lỗi mất dấu

Một phông đẹp với tiếng Anh có thể thành thảm họa với chữ “Nguyễn”, “quyết”, “ưởng”. Cách kiểm phông tiếng Việt trong mười phút, chỉnh khoảng cách dòng cho dấu chồng và xử lý lỗi dấu rời.

Sắp chữ tiếng Việt có dấu: kiểm phông, khoảng cách dòng và lỗi mất dấu

Bạn tìm được một phông chữ tuyệt đẹp cho tiêu đề, gõ thử tên khách hàng “Trường Mầm Non Hướng Dương” và thấy: dấu huyền của chữ “ờ” đè lên chữ bên cạnh, dấu ngã của “ẫ” lơ lửng lệch sang phải, chữ “ư” mất hẳn cái râu. Phông ghi “hỗ trợ tiếng Việt”, nhưng hỗ trợ tới đâu là chuyện khác.

Tiếng Việt là một trong những hệ chữ Latin có nhiều dấu nhất: nhiều nguyên âm vừa mang dấu phụ (ă, â, ê, ô, ơ, ư) vừa mang thêm dấu thanh. Có những ký tự mang tới hai dấu chồng như ấ, ề, ổ, ự, ẫ. Người thiết kế làm việc với tiếng Việt cần biết kiểm phông kỹ hơn nhiều so với tài liệu tiếng Anh.

“Có ký tự” khác với “dựng dấu tốt”

Một phông được coi là có tiếng Việt khi nó chứa đủ các ký tự cần thiết. Nhưng chứa đủ chưa có nghĩa là đẹp. Các lỗi hay gặp ở phông có tiếng Việt nhưng làm vội:

  • Dấu quá nhỏ hoặc quá mảnh so với nét chữ, nhìn như bụi.
  • Dấu thanh và dấu mũ chồng lên nhau ở ấ, ầ, ẩ; không phân biệt được dấu sắc với dấu huyền.
  • Dấu lệch trục: dấu đặt theo tâm hình học của chữ thay vì trục thị giác, nhất là ở chữ nghiêng.
  • Râu của ơ, ư quá ngắn, quá dài hoặc nối vào thân chữ vụng về.
  • Dấu ở chữ hoa bị ép dẹp để không vượt khung, trông như một đường gạch.
  • Chữ đ có gạch ngang sai vị trí, hoặc Đ hoa dùng nhầm ký tự của ngôn ngữ khác.

Bộ chữ thử mười phút

Trước khi chốt một phông, gõ các dòng thử sau ở cỡ thật sẽ dùng, cả chữ thường lẫn chữ hoa:

  1. Dấu chồng: “Nguyễn Thị Thuỷ, người đẫy đà, ấm áp, kể chuyện xưa”
  2. Râu ơ, ư: “Trường Hướng Dương, thưởng thức mứt dừa, ươm mơ”
  3. Chữ hoa có dấu: “TRƯỜNG MẦM NON ẤU NHI — HỘI NGHỊ TỔNG KẾT”
  4. Chữ nghiêng và đậm của cùng dòng 1 và 2
  5. Cặp khó phân biệt: “ả ã ạ á à” và “ỏ õ ọ ó ò” đặt cạnh nhau ở cỡ nhỏ nhất sẽ dùng

Nhìn ở cỡ thật, in ra giấy nếu là ấn phẩm in. Nếu ở cỡ thân bài bạn không phân biệt được dấu hỏi với dấu ngã, hoặc dấu sắc với dấu huyền khi chúng nằm trên dấu mũ, hãy tìm phông khác.

Khoảng cách dòng: tiếng Việt cần nhiều hơn

Dấu chồng trên chữ hoa và dấu nặng dưới chữ thường làm chiều cao thực tế của một dòng tiếng Việt lớn hơn tiếng Anh. Khoảng cách dòng quen dùng cho tiếng Anh có thể làm dấu của dòng dưới chạm vào chân chữ của dòng trên.

Trường hợpGợi ý khoảng cách dòngLý do
Thân bài chữ thường1,4–1,6 lần cỡ chữChừa chỗ cho dấu chồng và dấu nặng
Tiêu đề chữ thường, nhiều dòng1,15–1,3 lầnTiêu đề có thể chặt hơn nhưng phải kiểm dấu chạm
Tiêu đề TOÀN CHỮ HOA1,2–1,35 lầnDấu trên chữ hoa rất cao, dễ chạm dòng trên
Giao diện, nút bấm một dòngĐệm trên lớn hơn đệm dưới một chútDấu trên chữ hoa có thể bị cắt nếu khung vừa khít

Với tiêu đề lớn, đừng tin con số: in ra hoặc phóng to, tìm những cặp dòng mà dòng dưới có chữ hoa mang dấu mũ và dấu thanh (Ấ, Ổ, Ễ) đứng đúng dưới chân chữ g, y, p của dòng trên. Đó là điểm va chạm hay gặp nhất.

Lỗi dấu bị cắt trên web và phần mềm

Trên giao diện, dấu chữ hoa có thể bị cắt mất phần đỉnh khi:

  • Khung chữ có chiều cao cố định bằng đúng cỡ chữ và ẩn phần tràn.
  • Khoảng cách dòng đặt bằng 1 (hoặc thấp hơn) để tiêu đề trông chặt.
  • Ô nhập liệu một dòng có đệm trên quá ít.

Cách kiểm nhanh: gõ “ỄNH ƯƠNG ẤP Ủ” vào mọi nút, ô nhập, tiêu đề và thẻ trong giao diện mẫu.

Dựng sẵn và tổ hợp: lỗi vô hình

Một chữ “ế” trên máy tính có thể được lưu theo hai cách: một ký tự dựng sẵn duy nhất, hoặc chữ “e” cộng dấu mũ cộng dấu sắc ghép lại (dạng tổ hợp). Trên màn hình, hai cách trông giống hệt nhau nếu phông tốt. Nhưng:

  • Với phông kém, dạng tổ hợp hiển thị dấu lệch, chồng sai.
  • Chức năng tìm kiếm có thể không tìm thấy chữ nếu một bên dựng sẵn, một bên tổ hợp.
  • Văn bản sao chép từ một số nguồn (tệp PDF, phần mềm cũ, vài hệ điều hành) mang theo dạng tổ hợp mà không ai biết.

Nếu thấy dấu lệch chỉ ở một đoạn văn dán từ nơi khác, trong khi gõ tay thì đẹp, hãy nghi ngay tới dạng tổ hợp. Nhiều trình soạn thảo và công cụ chuyển mã có chức năng chuẩn hoá văn bản về dạng dựng sẵn.

Chữ hoa có dấu trong logo và tiêu đề

Người thiết kế đôi khi bỏ dấu ở logo hoặc tiêu đề chữ hoa cho “gọn”. Với tên riêng tiếng Việt, bỏ dấu có thể đổi nghĩa hoặc làm tên trở nên khó đọc, và nhiều người coi đó là thiếu tôn trọng. Nếu dấu làm khối chữ lộn xộn, giải pháp là vẽ lại dấu cho hợp với nét chữ — thu nhỏ, đổi góc, đổi độ dày — chứ không phải bỏ dấu.

Trong chữ vẽ tay hoặc logo chữ, dấu là một phần của hình chữ, cần được thiết kế cùng lúc chứ không phải thêm vào cuối.

Checklist sắp chữ tiếng Việt

  1. Chạy bộ chữ thử mười phút với mọi phông và mọi độ đậm sẽ dùng.
  2. Khoảng cách dòng thân bài từ 1,4 trở lên; kiểm tiêu đề chữ hoa bằng mắt.
  3. Kiểm dấu bị cắt ở mọi nút, ô nhập, thẻ trên giao diện.
  4. Chuẩn hoá văn bản dán từ nguồn khác về dạng dựng sẵn.
  5. Không bỏ dấu tên riêng; vẽ lại dấu nếu cần.
  6. In thử ở cỡ nhỏ nhất (chú thích, chân trang) để phân biệt hỏi – ngã.

Việc nên làm ngay: tạo một tệp “bảng thử tiếng Việt” với năm dòng ở trên, lưu vào thư mục làm việc. Mỗi lần cài phông mới, mở tệp đó ra trước tiên — mười phút kiểm hôm nay tiết kiệm cả buổi sửa sau khi khách đã duyệt.

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

Làm sao biết phông chữ có hỗ trợ tiếng Việt tốt không?

Gõ các dòng thử có dấu chồng (ấ, ễ, ổ), râu ơ ư và chữ hoa có dấu ở cỡ thật. Nếu dấu lệch, chồng sai hoặc khó phân biệt hỏi ngã thì phông chưa dựng dấu tốt.

Khoảng cách dòng cho tiếng Việt nên là bao nhiêu?

Thân bài thường từ 1,4 đến 1,6 lần cỡ chữ để chừa chỗ cho dấu. Tiêu đề có thể chặt hơn nhưng phải kiểm dấu chữ hoa không chạm dòng trên.

Vì sao dấu tiếng Việt bị lệch khi dán văn bản?

Văn bản có thể được lưu ở dạng tổ hợp, tức chữ cái cộng dấu rời. Với phông không xử lý tốt, dấu hiển thị lệch; nên chuẩn hoá về dạng dựng sẵn.

Có nên bỏ dấu trong logo cho gọn không?

Không nên với tên tiếng Việt vì dễ đổi nghĩa và khó đọc. Nếu dấu làm khối chữ rối, hãy vẽ lại dấu cho hợp nét chữ.

Tại sao dấu chữ hoa bị cắt trên website?

Thường do khoảng cách dòng quá thấp hoặc khung chữ có chiều cao cố định và ẩn phần tràn. Tăng khoảng cách dòng hoặc đệm trên sẽ khắc phục.

Cần tư vấn cụ thể cho trường hợp của bạn?

Chúng tôi sẽ liên hệ trong vòng 24 giờ.

Đăng ký tư vấn ngay

Bài viết liên quan

🧭
Bạn đang ở chặng nào của đường học vị?
Nhập chỗ bạn đang đứng và đích bạn nhắm — công cụ trả về số năm, chi phí và việc phải làm từng chặng.
Xem lộ trình của tôi →
Miễn phí, không cần tài khoản. Xem tất cả công cụ

Bạn cần hỗ trợ thêm?

Để lại thông tin, chúng tôi sẽ liên hệ trong 24 giờ.

hoặc
[email protected]