时间戳

首页 > 解决方案 > 字体在不同的缩放比例和显示尺寸下无法正确显示

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

问题描述

我正在使用：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%。是否可以在不更改为另一种字体的情况下以某种方式纠正此问题？这是一个例子： 在此处输入图像描述

你可以看到这些字母被奇怪地显示了

标签： cssfontssassfont-size

解决方案

Helvetica LT 不是网络安全字体。

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

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

https://www.cssfontstack.com/

推荐阅读