В последней версии Chrome, если у вас есть элемент position: fixed; (например, верхняя панель) и в нем есть какой-то текст, и в нем достаточно содержимого тела, чтобы появилась полоса прокрутки окна, текст в этомэлемент будет размытым.
Вот очень быстрый пример сайта, который я недавно просматривал.Откройте эту ссылку в браузере Chrome последней версии (примечание: я использую экран размером 15.6 "1366 x 768).
https://www.lambdatest.com/blog/its-2019-lets-end-the-debate-on-icon-fonts-vs-svg-icons/
Наклоните экран назад, чтобы помочь вамлучше видеть это размытие, в настоящее время текст на верхней панели будет иметь размытие шрифта (но вы, вероятно, этого не замечаете), затем откройте инструменты разработчика Chrome, выберите элемент <html> и добавьте: overflow: hidden;, чтобы избавиться отполосу прокрутки окна, включите и выключите эту overflow: hidden;, и вы четко увидите, когда есть небольшое размытие и когда нет размытия.
Это размытие более заметно со значками шрифтов.Устранить проблему:
body { -webkit-font-smoothing: antialiased; }