Как сделать так, чтобы крупные шрифты не выглядели неровными в Chrome (OSX)?

Question

Обычные шрифты выглядят нормально, но крупные шрифты выглядят неровными в Chrome (не в Safari или Firefox).Я использую Macbook Pro под управлением Mojave.

Пример codepen

.large {
  font-size: 300px
  font-weight: bold
}

Chrome

Safari

Firefox

Я попробовал рекомендации в этом SO сообщении (enable-font-cache-scaling и ускоренное 2D-холст), но проблемаостается.

Answer 1

Включение хрома: // настройки «Использовать аппаратное ускорение, когда доступно» ВЫКЛ исправили его для меня.

Сначала я не смог воспроизвести зазубрину / блочность, но понялЯ смотрел на это на MacOS [High] Sierra, а вы указали Мохаве.Так что я попробовал это там, и это абсолютно ужасно.Я действительно удивлен, что это ускользнуло от чьего-либо внимания при тестировании.Я полагаю, что в скором времени появится обновление для Chrome или Mojave.Apple, по-видимому, отключил субпиксельный рендеринг шрифтов в Mojave и выдал его за «уточнение» .Субпиксельный рендеринг обрабатывается графическим процессором, поэтому отключение графического рендеринга в Chrome «исправляет» это.Я полагаю, вы также можете использовать технику defaults write, указанную в ссылке, которую я упомянул.

В любом случае: это, вероятно, , а не , что вы можете использовать в своем CSS-коде, посколькусвязанные с локальными настройками пользователя / машины.