字体无法以不同的缩放比例和显示尺寸正确显示

时间:2019-04-07 06:23:14

标签: css fonts sass font-size

我在页面上使用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%的chrome,但不适用于75%,80%等的铬, Edge无法100%工作。是否可以以某种方式更正此问题而无需更改为另一种字体? 这是一个示例: enter image description here

您可以看到字母奇怪地消失了

1 个答案:

答案 0 :(得分:1)

Helvetica LT不是网络安全字体。

几年前,我遇到了这个问题,最终不得不切换到新字体来停止该问题。

有关选择网络安全字体的帮助,请尝试以下操作:

https://www.cssfontstack.com/