różnice między czcionki Mozilla Firefox i Internet Explorer

Question

założę to dość częste pytanie, które myślę, że nie można rozwiązać, ale przynajmniej spróbuję.

Sprawdź to zdjęcie na:

przejdź do następującego adresu URL dla większego obrazu: http://i.imgur.com/nHPNr.jpg

HTML kod:

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

Jak widać, czcionka nie wygląda tak samo. Czy istnieje sposób na rozwiązanie tego problemu?

wersja
• Internet Explorer: 9.0.8112.1641 64-bit Edition
wersja
• Mozilla Firefox: 13,0

Jakieś pomysły?

Answer 1

Jest jeden sposób, aby rozwiązać problem: Sprawiają, że obraz.

jaki tekst jest wyświetlany zależy od wielu czynników, takich jak czcionki zainstalowane, system operacyjny, świadczących kalibracji, wygładzanie czcionek i renderowania parametry. Jeśli którykolwiek z tych parametrów różni się, wynik jest różny.

Jeśli zbadać swój wizerunek, widać, że przeglądarek używają różnych parametrów wygładzania czcionek, a także inne parametry mogą się różnić.

Po prostu nie można oczekiwać identyczny rezultat podczas renderowania tekstu w różnych przeglądarkach.

Answer 2

Lettering.js jest plugin jQuery, które mogą być wykorzystane do kerning litery z precyzją. Wyniki mogą się różnić