Nhiều công cụ tìm kiếm xếp hạng các trang dựa trên mức độ thân thiện với thiết bị di động. Cỡ chữ nhỏ hơn 12 px thường khó đọc trên thiết bị di động và có thể yêu cầu người dùng phóng to để hiển thị văn bản ở kích thước đọc thoải mái.
Cách kiểm tra cỡ chữ của Lighthouse không thành công
Lighthouse gắn cờ những trang có cỡ chữ quá nhỏ, khiến người dùng khó đọc trên thiết bị di động:
Lighthouse gắn cờ những trang có từ 40% trở lên văn bản có cỡ chữ nhỏ hơn 12 px. Khi một trang không vượt qua quy trình kiểm tra, Lighthouse sẽ liệt kê kết quả trong một bảng có 4 cột:
| Nguồn | Vị trí nguồn của bộ quy tắc CSS gây ra văn bản khó đọc. |
| Bộ chọn | Bộ chọn của nhóm quy tắc. |
| % văn bản trên trang | Tỷ lệ phần trăm văn bản trên trang chịu ảnh hưởng của bộ quy tắc. |
| Cỡ chữ | Kích thước được tính toán của văn bản. |
Cách khắc phục phông chữ khó đọc
Kiểm tra cỡ chữ trong CSS. Cố gắng sử dụng cỡ chữ ít nhất là 12 px cho ít nhất 60% văn bản trên trang của bạn.
Cách khắc phục lỗi thiếu cấu hình khung hiển thị
Nếu Lighthouse báo cáo Text is illegible because of a missing viewport config, hãy thêm thẻ <meta name="viewport" content="width=device-width, initial-scale=1"> vào <head> của tài liệu.
Hãy xem bài đăng Không có thẻ <meta name="viewport"> có width hoặc initial-scale để biết thêm thông tin.
Tài nguyên
Mã nguồn cho chế độ kiểm tra Tài liệu không sử dụng cỡ chữ dễ đọc