Cách sửa lỗi font chữ tiếng Việt trên WordPress [A đến Á]

Khánh sẽ hướng dẫn cách sửa lỗi font chữ tiếng Việt trong WordPress “triệt để” cực kỳ “đơn giản như đang giỡn”!

Chào các bạn đã trở lại với series hướng dẫn WordPress của Khánh trên website khanhplus.com.

Các lỗi liên quan đến font chữ tiếng Việt hiển thị sai trên WordPress có rất nhiều người gặp phải, và có nhiều người inbox câu hỏi cho Khánh.

Mình có dạo quanh một vòng các bài viết trên kết quả tìm kiếm trên Google, nhưng rất khó để tìm được một hướng dẫn chính xác, các bài viết đa số là copy qua lại lẫn nhau!

Do đó Khánh viết bài này để giải đáp tất cả các thắc mắc về lỗi font tiếng Việt, kèm theo một số mẹo “bonus” nữa nhé!

Trên blog của Khánh có đầy đủ các hướng dẫn hay nhất về WordPress và xây dựng website. Bạn chỉ cần search Google với cú pháp: “khanhplus + [nội dung cần tìm kiếm]” để tìm thấy thông tin chính xác và nhanh nhất nhé.

Nguyên nhân gây lỗi font chữ tiếng Việt trên Website

Lỗi hiển thị font tiếng Việt xảy ra ở nhiều dạng khác nhau, với mỗi kiểu lỗi nó liên quan đến các nguyên nhân khác nhau, mình sẽ nói rõ hơn khi đi vào các lỗi cụ thể.

Cách sửa lỗi font chữ tiếng Việt trên WordPress

Cũng như nguyên nhân gây lỗi font, cách sửa lỗi cũng khác nhau tùy theo lỗi và nguyên nhân như thế nào.

Để dễ dàng cho bạn, Khánh sẽ lần lượt đi qua từng lỗi, phân tích nguyên nhân, và đưa ra “thuốc trị” với từng lỗi nhé!

Lỗi 1: chữ không đồng đều – đậm nhạt lẫn lộn

Lỗi font hiển thị tiếng Việt sai này là hay gặp nhất, ngay cả những người làm web nhưng không có mindset tốt về design cũng mắc phải!

Triệu chứng

Các chữ cái và dấu tiếng Việt như á, ớ, ồ, ử, v.v… hiển thị không đúng, sẽ dễ nhận thấy hơn nếu như dòng văn bản được bôi đậm ví dụ như tiêu đề.

Bạn có thể thấy như ví dụ bên dưới.

Cách sửa lỗi font chữ tiếng việt trên WordPress

Nguyên nhân

Nguyên nhân chính là do bạn đang sử dụng font chữ không hỗ trợ tiếng Việt!
Theme hoặc plugin load font không thành công
Lỗi load font do các plugin tối ưu CSS và JS gây ra như WP-Rocket, LiteSpeed Cache, v.v…

Các font chữ phần lớn hỗ trợ tiếng Anh, do đó khi bạn gõ các ký tự không dấu sẽ không gặp vấn đề gì.

Nhưng khi gõ các ký tự tiếng Việt sẽ gặp lỗi bởi vì trong bảng font không có sẵn ký tự tiếng Việt.

Do đó trình duyệt sẽ lấy một font mặc định để hiển thị nó, dẫn đến bạn sẽ thấy chữ hiển thị không đồng đều là vậy.

Cũng có trường hợp là bạn đã sử dụng đúng font chữ, tuy nhiên theme hoặc plugin lại gây ra lỗi không load được font, hay gặp với các plugin caching như WP-Roket, W3 Total Cache, v.v…

Thuốc trị

Bạn phải chuyển sang sử dụng một font chữ có hỗ trợ tiếng Việt!

Trước khi quyết định một font nào đó cho website bạn cần kiểm tra là font đó có hỗ trợ ngôn ngữ bạn đang cần hay không.

Ví dụ bạn đang làm website tiếng Việt, thì font chữ sử dụng bắt buộc phải có hỗ trợ tiếng Việt.

Cách đơn giản nhất và free đó là sử dụng một bộ font Google có hỗ trợ tiếng Việt.

Bạn vào trang web của Google Font.

Chọn Vietnamese ở ô Languague để lọc ra các font chữ có hỗ trợ tiếng Việt, nhớ xem trước để thấy nó hiển thị ok nhé.

Có rất nhiều font Google đẹp hỗ trợ tiếng Việt như Roboto, Quicksand, Montserrat, v.v…

Sau khi chọn được font như ý có hỗ trợ tiếng Việt, bạn cần cài đặt nó trong theme hoặc plugin.

Tất cả các theme và plugin bây giờ đều cho bạn chọn font. Bạn chỉ cần vào Appearance >> Customize sau đó tìm đến mục Typography.

Trường hợp bạn không muốn dùng Google font, mà muốn sử dụng một font “lạ” để “nâng cao cá tính” thì cần mua phiên bản “Việt hóa” của font nhé!

Nếu đã chọn đúng font có hỗ trợ tiếng Việt nhưng vẫn bị lỗi như mình đã mô tả, bạn nên kiểm tra lại theme và plugin, nhiều plugin chặn hoặc gây lỗi việc load font.

Bạn nên bật tắt plugin để dò ra đâu là plugin gây lỗi, đồng thời nhớ xóa cache nữa nhé. Có thể thử update theme và plugin nữa để vá lỗi.

Lỗi 2: xuất hiện các ký tự đặc biệt