css - 如果我添加并使用常规字体，为什么字体系列是粗体？

Question

检查文本时，我在浏览器中看到了这一点：font-family: TTHoves-Bold;

我在 Next.js 项目的 globals.css 中添加了这些：

@font-face {
  font-family: "TTHoves-Bold";
  font-display: swap;
  src: url(../public/fonts/TTHoves-Bold.ttf);
}

@font-face {
  font-family: "TTHoves-Regular";
  font-display: swap;
  src: url(../public/fonts/TTHoves-Regular.ttf);
}

并使用正确的 CSS 规则：

.p_1 {
  font-family: "TTHoves-Regular";
  font-size: 16px;
  font-weight: 400;
}

<p className={styles.p_1}>Bármelyiket választod, nem fogsz csalódni.</p>

甚至文本在视觉上看起来也很规则而不是粗体。但是为什么浏览器会列出不同的设置呢？

标签： cssreactjsfontsnext.js