Tại sao Internet Explorer 9 khiến Arial mạnh hơn các trình duyệt khác?

Question

Vì một số lý do IE9 làm cho phông chữ Arial trở nên mạnh hơn các trình duyệt khác như IE7, IE8, Chrome và Firefox. Tôi đã tìm kiếm lý do trong CSS nhưng không thể tìm thấy bất cứ điều gì sai trái. Một điều khác đã xảy ra là tôi có khoảng cách từ 1 đến 2 pixel trong hầu hết trang web của mình, nhưng IE9 cho thấy nó quá rộng, vì vậy tôi đã tạo css có điều kiện cho nó với khoảng cách từ bình thường.

Bạn có thể thấy sự khác biệt trong hình đính kèm, và cũng có thể tìm thấy nó trong liên kết tạm thời này: http://pat.co.il/shirg/matanuziel.com/

Bất kỳ ý tưởng sẽ được đánh giá cao. Cảm ơn

Answer 1

Sự cố là trình duyệt, không phải trang web của bạn.

Internet Explorer 9 sử dụng ClearType vị trí dưới pixel để hiển thị văn bản bằng cách sử dụng DirectWrite. Điều này có thể gây ra sự khác biệt về hiển thị so với các trình duyệt khác và hành vi được mong đợi. Nó có thể làm cho văn bản mờ hơn một chút, giống như bạn đang thấy.

---

Là một mặt lưu ý, bạn nên xem xét sử dụng TypeKit nếu bạn muốn sử dụng phông chữ phi tiêu chuẩn và có họ render (resonably) tốt cho tất cả người dùng. Lưu ý rằng sẽ vẫn có sự khác biệt về hiển thị nhỏ trên các trình duyệt, có thể trên cùng một mức độ lớn như những gì bạn đang gặp phải ở đây.

Và như Alan đã nêu, sử dụng normalize.css là một ý tưởng hay.

Answer 2

Có thể đáng xem normalize.css. Tôi không biết nếu nó sẽ giải quyết các vấn đề cụ thể của bạn, nhưng tôi đã thấy rằng đó là một điểm khởi đầu tốt đẹp.