Sửa lỗi xuống dòng trên Google Chrome 39 [Update]

Vừa qua trình duyệt Google Chrome phiên bản 39 gây ra lỗi đối với website Tiếng Việt đó là vài dòng chữ sẽ bị xuống dòng. Nguyên nhân và cách khắc phục mình sẽ tổng hợp lại từ các nguồn trên internet cho các bạn tham khảo

Cách 1: Sửa code của website/blog

Cách này mình xin lấy nguyên văn từ blog của bác Duy Phạm

Thành phần nào sẽ bị lỗi xuống dòng?

• Chữ nằm trong thẻ liên kết a.
• Thẻ a này nằm trong thẻ cha mẹ có float và không được gán width.
• Chữ viết bằng Tiếng Việt.
• Sử dụng Google Chrome 39 trên Windows 7, Windows 8, Windows 8.1.

Khi cập nhật tiếp Google Chrome lên phiên bản beta 40 và dev 41 thì lỗi trên đã hết nhưng lại bị lỗi mới "dính chữ".

Thành phần nào sẽ bị lỗi "dính chữ"?

• Chữ nằm trong thẻ a, b, strong, code...
• Chữ viết bằng Tiếng Việt.
• Sử dụng Google Chrome beta 40 và dev 41 trên Windows 7, Windows 8 và Windows 8.1.

Làm thế nào để sửa những lỗi này?

Đừng sử dụng Tiếng Việt cho website, blog nữa. Mình đùa đấy :D
Bạn có thể thêm thuộc tính white-space:nowrap cho thẻ a, thêm width cho thẻ cha mẹ... Tuy nhiên sửa bằng những cách này không triệt để vì nguyên nhân lỗi thực sự là do Google Chrome hiển thị không tốt font chữ Tiếng Việt trên Windows 7, Windows 8 và Windows 8.1. Mình để ý thấy website bị lỗi sử dụng font chữ Arial mặc dù lỗi này của Google Chrome không có trên Windows XP và Mac OS. Cách đơn giản và triệt để nhất sửa lỗi là dùng font Segoe UI. Font chữ này có mặt trên Windows 7, Windows 8 và Windows 8.1, và hiển thị khá đẹp.

body{font-family:"Segoe UI",Arial,sans-serif}

Nguồn: Duy Phạm

Cách 2: Updating...