TransWikia.com

Размытый шрифт в Google Chrome

Stack Overflow на русском Asked by Razputin M. on December 22, 2020

Сайт после добавления разделов

Старая версия сайта

Разрабатываю сайт. Первоначальная версия находится по адресу test.rmcb.ru. Позже дополнил сайт разделами, но первый экран, который вы видите на изображениях – не трогал вообще.

После того как закончил сайт обратил внимание, что шрифт и png с названием компании в центре круга стали размытыми. Данная проблема наблюдается только в Google Chrome и пропадает, если я увеличиваю или уменьшаю масштаб. В firefox и даже yandex browser шрифты нормальные.

Код не выкладываю, так как, и в первом и во втором случае, он одинаковый.

В чем проблема, ведь я не менял код первого экрана?

2 Answers

Попробуйте применить такие свойства:

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

Answered by Vadizar on December 22, 2020

В Хроме есть проблема с шрифтами.Уже давно есть баг репорт. И он даже был исправлен, но снова вернулся. Попробуйте на более старых версиях Хрома. Также попробуйте применить какой-то websafe шрифт

Answered by Ivan Kucher on December 22, 2020

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP