Проблемы с Helvetica Neue Windows Chrome

Question

Мы пытаемся использовать Helvetica Neue, но он некорректно отображается на Windows. На скриншоте видно, что в зависимости от размера шрифта некоторые буквы имеют разную высоту, чем другие, и буква «D» при некоторых размерах шрифта выглядит плохо.

Это изображение было обработано Windows и Chrome. На Safari Ma c выглядит нормально.

Пример для шрифтов разных размеров:

Знаете ли вы, почему это выглядит так и как исправить?

код:

@font-face {
	font-family: HelveticaNeue;
	src: url('font/HelveticaNeueLight.ttf');
	font-weight:normal;
}

@font-face {
	font-family: HelveticaNeue;
	src: url('font/HelveticaNeueMedium.ttf');
	font-weight:500;
}

@font-face {
	font-family: HelveticaNeue;
	src: url('font/HelveticaNeueBold.ttf');
	font-weight:bold;
}

html, body {
	font-family:HelveticaNeue, 'Arial Narrow';
}


p {
  font-weight:bold;
  margin-top:0;
  margin-bottom:1rem;
  text-align:center;
  display:block;
  line-height:1.5;
}

<p style="font-size:14px !important">14px MÅNADSVIS</p>

Answer 1

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

https://developer.mozilla.org/en-US/docs/Web/CSS/font-smooth

https://developer.mozilla.org/de/docs/Web/CSS/text-rendering