Почему встроенная карта Google меняет отображение шрифтов в Safari?

Question

Если вы посмотрите на нижний колонтитул на этой странице здесь в Safari, а затем посмотрите на тот же нижний колонтитул на любой другой странице, вы увидите разницу в рендеринге шрифтов. Похоже, сглаживание шрифта применяется ко мне дважды.

Если я выключу карту Google, то рендеринг шрифта вернется к нормальному состоянию, поэтому я уверен, что карта является корнем проблемы.

Я применяю прозрачную тень шрифта ко всему тексту, чтобы исправить некоторые проблемы с рендерингом @ font-face (в основном, артефакты), но эта проблема присутствует с или без тени текста.

Это проблема только Mac.

Кто-нибудь еще сталкивался с этой проблемой? Есть ли известная причина и / или исправление?

Answer 1

Я рвал на себе волосы вот уже несколько часов.Вы можете исправить это, добавив

-webkit-font-smoothing: antialiased;

к ошибочным селекторам.

Я надеюсь, что это может сэкономить кому-то еще время и стресс, который это вызвало у меня.

Answer 2

Это была также проблема для меня, СПАСИБО за то, что вы поняли это !!!!

Для меня это немного отличалось тем, что мне пришлось добавить -webkit-font-smoothing: subpixel-antialiased; к тексту неправильной толщины, чтобы решить проблему.

Теперь работает как шарм:)

Answer 3

Я тестирую их на Chrome и Safari на ПК, и они оба выглядят почти одинаково, помните, что рендеринг в браузере не является одинаковым, а также вы используете некоторые веб-безопасные шрифты, такие как "Baskerville LT W01 Upright", "Baskerville","Caslon 540 LT W01 Roman", "Caslon 540", "Грузия", "Таймс";