字体在不同的缩放比例和显示尺寸下无法正确显示答案

【问题标题】：Font is not displayed correctly in different zooms and display sizes字体在不同的缩放比例和显示尺寸下无法正确显示
【发布时间】：2019-08-28 14:05:04
【问题描述】：

我在我的页面中使用：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;

}

在不同的缩放中，文本看起来弯曲并且显示不正确。例如，它适用于 100%、125% 的铬，但不适用于 75%、80% 等， Edge 不能 100% 工作。是否可以在不更改为另一种字体的情况下以某种方式纠正此问题？这是一个例子：

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

【问题讨论】：

有些字体在所有字体大小下都不能很好地显示。如果更改字体系列不是一种选择，那么您无能为力。 CSS 没有办法检查字体大小是否可读。

标签： css fonts sass font-size

【解决方案1】：

Helvetica LT 不是网络安全字体。

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

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

https://www.cssfontstack.com/

【讨论】：