Почему примеры открытых шрифтов Google выглядят иначе, чем когда я внедряю их в одном браузере?

Question

Например, посмотрите на http://www.google.com/webfonts/specimen/Open+Sans. Проверьте тип, измените размер шрифта на что-то меньшее, например 12px. Теперь, когда я внедряю этот шрифт на своем собственном веб-сайте (в том же браузере, то есть в Firefox 10 в Windows 7), он имеет очень плохо отрисованные края. Я могу заставить шрифт выглядеть лучше (но не совсем приемлемо) в 11px, 13px, 15px и т. Д., Но по ссылке выше шрифт выглядит идеально при всех этих размерах плюс даже такие размеры, как 12px, 14px и т. Д.

Я искал их код для какого-то правила "рендеринга" или чего-то в этом роде, но я просто не вижу его. Как, черт возьми, они так хорошо выглядят, даже в браузерах Windows?

Редактировать: Вот текст, который я вставил в предварительный просмотр шрифта в Google: http://imgur.com/3eWUV И идентично стилизованный элемент на моей собственной странице HTML: http://imgur.com/QKNMp

"g", точки в "i" и почти все буквы отображаются очень плохо.

Answer 1

Пожалуйста, проверьте страницу http://www.cs.tut.fi/~jkorpela/test/open-sans.html в вашем браузере.Он тестирует Open Sans в простой среде, используя кодировку, рекомендованную Google.И черный на белом тексте, и серый на белом тексте, размером 12 пикселей, на моем Firefox выглядят нормально.Если они тоже выглядят нормально, проблема в дополнительном коде на вашей странице.В этом случае опубликуйте код или URL-адрес минимального случая, в котором проблема по-прежнему сохраняется, как вы видите.