Почему мои встроенные шрифты отображаются неправильно?

Question

Я использую API Google Fonts, шрифт отлично смотрится в Google, но когда я пытаюсь его использовать, он не отображается должным образом. Вот пример:

https://twitter.com/dontdie/status/129234318299111424/photo/1

это в Chrome две разные вкладки. По какой-то причине Chrome не использует "субпиксельный рендеринг" ( http://en.wikipedia.org/wiki/Subpixel_rendering) на моем сайте, но в Google он включен.

Answer 1

Я думаю, что я понял это. добавление этих правил в мою таблицу стилей, казалось, исправило это:

body, body * {
  background-color: #fff;
  -webkit-font-smoothing: subpixel-antialiased;
}

Просто настройка subpixel-antialiased не сработало, и просто добавить цвет фона к телу не сработало. Это может быть упрощено, чтобы выбрать просто * или же html *, Кроме того, учитывая, что subpixel-antialiased по умолчанию, удаление этого правила также должно работать.