CSS 字体细节丢失

Question

这是我第一次使用细节字体，但由于某种原因，它失去了所有细节。

预期结果：

实际结果：

footer h3 {
  font-family: "Elegance";
  font-size: 50px;
  position: relative;
  right: 30px;
}

@font-face {
  font-family: "Elegance";
  src: url("../fonts/GeraldinePersonalUseItalic-PK12m.ttf");
}

<footer>
  <h3>Greetings</h3>
</footer>

Answer 1

我相信你在 CSS 某处将字体粗细设置为粗体。

通过将 font-weight 设置为粗体，我能够重现此问题。

尝试将其更改为 normal/400，看看是否可以解决问题。