字体正在加载为粗体而不是非粗体

Question

---

我的字体会自动加载为粗体，并且不会表现为“ normal”属性。我希望它是标准的，然后在需要时加粗。此外，该文档的其他任何部分均未恢复正常。

有人可以帮我吗？

@font-face {
font-family: Avenir;
src: url('type/AvenirNext.ttc');
font-weight: normal;

Answer 1

您从哪里获得字体文件？您确定它可以用于多个砝码吗？在this git repository中，似乎有不同权重的不同文件。

如果您认为可以将文件用于多个权重，则可以尝试使用these docs中所述的一系列权重，例如font-weight: 400 700;。

这些文档还建议指定一种字体格式src: url('type/AvenirNext.ttc') format("truetype");。

如果这些都不起作用，您是否可以发布一个链接来证明问题所在？

Answer 2

.fonts {
  font-family: Avenir;
  src: url('type/AvenirNext.ttc');
  font-weight: normal;
  font-size: 30px;
}

<div class="fonts">This is text</div>

无论您采用的是与属性冲突的类名称，现在您都必须看到上面的代码，我必须更改它的正常工作。

Answer 3

尝试一下

@font-face {
font-family: Avenir;
src: url('type/AvenirNext.ttc');
font-weight: unset!important;