Bootstrap 3 размытых шрифта и глифы

Question

У меня странное отображение Bootstrap 3 шрифтов и глифов. Растровые изображения и шрифт выглядят нечеткими. Эффект виден везде, поэтому я приложил пример элементов навигационной панели. Это происходит только на настольных компьютерах с FF и Chrome. На мобильных устройствах все хрустит, как и должно быть. Кто-нибудь знает, что здесь происходит?

Заранее спасибо, Дирк.

Answer 1

Кажется, что является функцией bootstrap 3/4 ​​в разных браузерах. Предлагаются некоторые обходные пути, но поскольку разработчики браузеров не исправят эту проблему в webkit с 2016 года. Подробнее об этом, конечно же, все еще остается открытым вопрос с 2018 года:
https://github.com/twbs/bootstrap/issues/27955open
Возможные обходные пути:

• Адаптировано CSS для разных разрешений целей / комбинаций браузеров
  
• Попытка настроить шрифты или использовать разные шрифты и включить все возможные форматы для наиболее уязвимых целей
  
• Редактирование (настройка) bootstrap sass и компиляция пользовательской версии
  

Но, к несчастью, нелегкий путь

Answer 2

Проверьте свой собственный CSS. Тем не менее, посмотрите здесь: https://www.icondeposit.com/blog: как правильно сгладить шрифт с использованием css3