字体在不同的缩放和显示尺寸下显示不正确

Question

我在页面中使用：font-family: "Helvetica LT Bold",sans-serif; 字体

@font-face {
font-family: "Helvetica LT";
src: url("/assets/fonts/HelveticaLTStd-Roman.ttf") format("ttf"),
     url("/assets/fonts/HelveticaLTStd-Roman.woff") format("woff"),
     url("/assets/fonts/HelveticaLTStd-Roman.woff") format("otf");
font-weight: normal;
font-style:  normal;

}

@font-face {
font-family: "Helvetica LT Bold";
src: url("/assets/fonts/HelveticaLTStd-Bold.ttf") format("ttf"),
     url("/assets/fonts/HelveticaLTStd-Bold.woff") format("woff"),
     url("/assets/fonts/HelveticaLTStd-Bold.otf") format("otf");
font-weight: lighter;
font-style:  normal;

}

并且在不同的缩放比例下，文本看起来歪斜并且显示不正确。例如，它适用于 chrome on 100%, 125% ，但不适用于 75%, 80% 等， Edge 并非 100% 有效。是否可以在不更改为另一种字体的情况下以某种方式更正此问题？这是一个例子：

可以看到字母显示的很奇怪

Answer 1

Helvetica LT 不是网络安全字体。

几年前我遇到过这个问题，最终不得不换用新字体来解决这个问题。

如需帮助选择网络安全字体，请尝试以下操作：

https://www.cssfontstack.com/

字体在不同的缩放和显示尺寸下显示不正确

Font is not displayed correctly in different zooms and display sizes

css

fonts

sass

font-size