Sự khác biệt về phông chữ giữa Mozilla Firefox và Internet Explorer

Question

Tôi đặt cược đây là một câu hỏi khá phổ biến, mà tôi nghĩ rằng không thể giải quyết được, nhưng ít nhất tôi sẽ thử.

Kiểm tra hình ảnh này ra:

Đến URL sau cho một hình ảnh lớn hơn: http://i.imgur.com/nHPNr.jpg

mã HTML:

<div style="font-family: Arial, sans-serif; font-size: 60px; letter-spacing: 0px; padding: 0; margin: 0;">TEXT GOES HERE</div> 

Như bạn có thể thấy, phông chữ không giống nhau. Có cách nào để giải quyết vấn đề này không?

• Internet Explorer phiên bản: 9.0.8112.1641 64-bit Edition
• Mozilla Firefox phiên bản: 13,0

Bất kỳ ý tưởng?

Answer 1

Có một cách để giải quyết vấn đề: Biến nó thành hình ảnh.

Cách hiển thị văn bản tùy thuộc vào nhiều yếu tố, như phông chữ được cài đặt, hệ điều hành, hiển thị hiệu chuẩn, làm mịn phông chữ và hiển thị thông số. Nếu bất kỳ tham số nào khác nhau, kết quả sẽ khác nhau.

Nếu bạn kiểm tra hình ảnh của mình, bạn sẽ thấy rằng các trình duyệt sử dụng các tham số khác nhau để làm mịn phông chữ và các thông số khác cũng có thể khác nhau.

Bạn chỉ đơn giản là không thể mong đợi một kết quả giống hệt nhau khi hiển thị văn bản trong các trình duyệt khác nhau.

Answer 2

Lettering.js là một plugin jQuery có thể được sử dụng để kern các chữ cái với độ chính xác. Kết quả có thể khác nhau