Google Web Font khác biệt trình duyệt render

Question

Tôi đã quyết định sử dụng Google Web Font "Signika": http://www.google.com/webfonts/specimen/Signika

Trong khi tôi hoàn toàn thích cách font chữ này có vẻ khi trả lại một cách chính xác, một số trình duyệt hoặc các nền tảng không cung cấp này sang trọng cho người dùng của họ.

Dưới đây là những gì tôi đã quan sát thấy:

• Arch Linux - Latest Chromium - Perfect
• Arch Linux - Firefox mới nhất - Perfect
• Win7 64-bit - Latest Chrome - Poor (giống như hình ảnh ở bên phải, nếu tôi gọi lại chính xác)
• Win7 64-bit (VM ảo) - Mới nhất Firefox - Kém (xem hình bên dưới)
• Win7 64-bit (virtualbox VM) - IE9 - Perfect ?? (xem hình ảnh bên dưới)

Điều cuối cùng khiến tôi ngạc nhiên. Đây là so sánh kết xuất với IE9 ở bên trái và Firefox ở bên phải. Cả hai đều trên cùng một máy (Win7 64-bit virtualbox VM).

Một bên trái trông giống như nó được làm mượt - pixel không một trong hai màu đen hoặc trắng, mà còn ở giữa. Cái bên phải trông giống như nó chỉ sử dụng 2 màu.

Khi chế độ trình duyệt của IE9 được đặt thành IE8 hoặc IE7, phông chữ sẽ bắt đầu giống như trong Firefox trên máy đó (không trơn tru).

Tôi đang cố gắng hiểu điều này. Chính xác những gì đang xảy ra, và bất cứ điều gì có thể được thực hiện để làm cho nó trông mịn màng? Tôi đã nhìn xung quanh cho các vấn đề tương tự và thử các bản sửa lỗi đề nghị/giải quyết sau:

font-smooth: always; 
-webkit-font-smoothing: antialiased; 

và

text-shadow:0 0 1px transparent; 

không có hiệu lực. (Đã thử chúng trên Win7 64-bit (virtualbox VM) với Firefox mới nhất)

Mọi đề xuất sẽ được đánh giá cao!

Answer 1

Nhận xét trong một số earlier post trong các liên kết web được liên kết với this article. Nó giải thích rằng nếu bạn quyết định tự lưu trữ, bạn nên chuyển đổi sang webfonts bằng cách sử dụng các bản phác thảo Postscript.

Vì bạn đang sử dụng Google Webfont đó là nguồn mở. Bạn có thể thử kỹ thuật này trước khi di chuyển để điều chỉnh làm mịn phông chữ bằng cách sử dụng CSS.