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

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

1 голос
/ 26 октября 2011

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

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

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

1 Ответ

0 голосов
/ 30 октября 2011

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

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

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

...