Я настраиваю новый веб-сайт для клиента и внедряю логотипы png и svg. Каким-то образом версия SVG отображает используемый шрифт намного смелее, и я не могу найти источник этой проблемы. Существует ли проблема css или какие настройки css необходимы для гармонизации внешнего вида?
Первый прикрепленный скриншот показывает Google Chrome версии 71.0.3578.98. Файл png вверху и файл svg внизу. SVG представляется гораздо смелее.
Второй прикрепленный скриншот показывает Firefox Quantum 64.0.2. Файл png вверху и файл svg внизу. SVG отображается с правильным весом, но есть странные места, где ни один не должен быть (отмечен красным).
У меня на сайте применяются следующие стили рендеринга CSS.
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}