Một font nhìn đẹp với chữ tiếng Anh có thể không hiển thị tiếng Việt như mong đợi. Dấu bị lệch, chữ có dấu dùng kiểu khác hoặc tiêu đề đột nhiên xuống thêm dòng là những lỗi thường cần rà trước khi áp dụng toàn website. Chỉ nhìn tên font trong phần cài đặt chưa đủ để xác nhận kết quả.
Chuẩn bị đoạn kiểm tra có đủ kiểu chữ
Dùng nội dung tiếng Việt thật, gồm tên thương hiệu, địa chỉ, tiêu đề dài và các chữ có nhiều dấu. Kiểm tra cả chữ hoa, chữ thường, số và ký hiệu hay dùng. Tránh thử bằng một câu ngắn không có dấu vì nó có thể che mất vấn đề về bộ ký tự.
Đặt đoạn thử trong các vị trí khác nhau: tiêu đề, nội dung, nút, menu và ô nhập. Mỗi vị trí có thể dùng độ đậm, cỡ chữ hoặc quy tắc riêng. Nếu chỉ một vị trí lỗi, nguyên nhân chưa chắc nằm ở toàn bộ font; cần xem cách giao diện áp dụng tại chỗ đó.
Xác minh bộ ký tự và độ đậm đang tải
Kiểm tra font được chọn có hỗ trợ tiếng Việt và những kiểu cần dùng hay không. Khi thiếu ký tự, trình duyệt có thể lấy chữ từ font dự phòng, tạo cảm giác một câu có nhiều kiểu chữ. Việc khai báo tên font không bảo đảm mọi tệp cần thiết đã tải thành công.
Chỉ tải các độ đậm thực sự dùng, nhưng phải có phương án cho tiêu đề và phần nhấn mạnh. Đừng xóa bớt tệp rồi để trình duyệt tự tạo kiểu đậm mà chưa xem lại. Với font tự lưu trữ, cần xác nhận quyền sử dụng và giữ đầy đủ những tệp hợp lệ cho website.
Kiểm tra lúc font chưa tải xong
Thử mở trang trong điều kiện mạng chậm để xem chữ có xuất hiện và có nhảy bố cục khi font chính đến hay không. Font dự phòng cần dễ đọc và phù hợp kích thước tương đối. Cách hiển thị trong lúc chờ nên được cân nhắc cùng trải nghiệm, thay vì chỉ chọn tùy chọn theo một hướng dẫn chung.
Rà chiều cao dòng để dấu không bị cắt trong nút hoặc tiêu đề. Đừng sửa bằng cách hạ cỡ chữ toàn trang khi lỗi chỉ ở một thành phần. Cũng cần kiểm tra các chữ được nhập từ nguồn khác, vì lỗi mã hóa nội dung sẽ không được giải quyết chỉ bằng đổi font.
Thử trên nhiều điều kiện hiển thị
Xem lại bằng điện thoại, máy tính và khi phóng to chữ. Kiểm tra menu không tràn, nút vẫn đủ chỗ và biểu mẫu không cắt nội dung người dùng nhập. Lưu ảnh trước sau ở cùng kích thước để đánh giá nhất quán.
Bạn có thể gửi mẫu lỗi font cho Tý Hon, kèm URL và thiết bị. Phạm vi kiểm tra nên nêu rõ lỗi dấu, kiểu chữ, tải font hay bố cục để tránh thay đổi nhận diện không cần thiết.
Tham khảo: Bắt đầu sử dụng Google Fonts API.
