2012-01-22 38 views
10

Tôi chắc chắn điều này đã được thảo luận trước đây, nhưng tôi không thể tìm thấy bất kỳ câu hỏi/câu trả lời chuẩn nào.Hiển thị kém phông chữ không chuẩn trong Chrome trên Windows

Hiện tại, IE9 và Firefox 4+ đều sử dụng tính năng hiển thị phông chữ khác nhau tạo ra (đối với một số) phông chữ mờ hơn nhưng kết quả tốt hơn và phù hợp hơn. Ngoài ra, nó làm cho phông chữ không chuẩn trên Windows tốt hơn nhiều. Tôi đã không thực hiện một cuộc điều tra kỹ lưỡng, nhưng tôi nghĩ rằng nó đã làm với thực tế là cả IE9 và Firefox sử dụng bây giờ là một lớp đồ họa khác nhau mà dường như ám phông chữ khác nhau. Ngoài ra, lý do một số phông chữ tiêu chuẩn như Arial, Tahoma, vv nhìn vào Firefox giống như 10 năm trước là nó thực sự có một danh sách các trường hợp ngoại lệ cho họ (tìm gfx.font_rendering.cleartype_params.force_gdi_classic_for_families).

Cho đến nay rất tốt. Vấn đề là Chrome. Nó vẫn sử dụng phông chữ cũ làm cho các phông chữ không chuẩn thực tế không sử dụng được. Chỉ cần để minh hoạ, font tôi đã có trong tâm trí là: http://www.google.com/webfonts/specimen/Play. Chỉ cần mở mẫu trong Firefox/IE9 và Chrome và bạn sẽ thấy sự khác biệt. Tôi có thể làm gì không? Hoặc tôi nên tìm một phông chữ được tối ưu hóa hơn.

Cập nhật: Tôi thấy đó là vấn đề phổ biến: tiêu đề trên http://www.smashingmagazine.com trông rất lởm chởm trong Chrome.

Cập nhật: Ảnh mẫu:

Sample image

+6

Đây vẫn là vấn đề HUGE Chrome có – vsync

+0

Câu hỏi tương tự ở đây, với câu trả lời và sửa lỗi BIG: http://stackoverflow.com/q/11487427/1114320 – Sliq

+0

Tôi đã viết một bài viết lớn về vấn đề này, bao gồm các bản sửa lỗi: [Cách thực hiện để khắc phục hiển thị phông chữ xấu xí trong Google Chrome] (http://www.dev-metal.com/fix-ugly-font-rendering-google-chrome/). – Sliq

Trả lời

2

Tôi đã đọc rằng Chrome (ban đầu Chromium) có vấn đề về anti-aliasing đó là lý do tại sao nó jaggy. Sử dụng phông chữ cũng tạo sự khác biệt so với sử dụng phông chữ cục bộ trong hệ thống của bạn. Vì vậy, tất cả những gì chúng tôi có thể làm chỉ là đợi cho đến khi họ khắc phục sự cố này hoặc giúp Dự án Chromium nếu bạn có thể.

0

Sao chép anwswer tôi từ Making CSS3 @font-face font rendering play nice with ClearType on Windows

Một câu hỏi tương tự ở đây: Font-face embedded fonts look fuzzy in Windows 7 browsers có một câu trả lời mà giải quyết cùng một vấn đề đối với tôi.

Trình tạo phông chữ fontsquirrel http://www.fontsquirrel.com/fontface/generator tối ưu hóa phông chữ và thêm chúng với gợi ý/hiển thị thông tin giúp công cụ hiển thị phông chữ của Windows hiển thị chúng tốt hơn. Nó cũng tạo ra các tệp nhỏ hơn, tệp sẽ tải xuống nhanh hơn.

Các vấn đề liên quan