Html 如何显示与字体重量相关的正确“样式”？

我甚至不知道称之为风格是否正确，因为它的值是斜体。无论如何，我在我的网站上使用Proxima Nova，这种字体有一个奇怪的地方

如果我使用这个：

font-family: "Proxima Nova light";

它显示了图1 如果我这样做：

或：

我得到图像2 为什么会这样？重量不应该与字体“样式”相关吗

---

如何在不使用方法1的情况下正确使用它？

以下尝试加载字体系列Proxima Nova light：

font-family: "Proxima Nova light";

这将尝试加载Proxima Nova，如果找不到，则加载名为light的字体系列：

font-family: "Proxima Nova", light;

可以预见，这会尝试加载Proxima Nova，并将字体重量设置为“轻”：

font-family: "Proxima Nova";
font-weight: 100;

许多字体创作者为浅色、粗体、斜体等创建了不同的系列，而不是依靠浏览器来改变字体本身。这是为了避免通过浏览器的通用算法运行字符时出现锯齿和其他视觉扭曲，如字体大小：100、字体样式：斜体等

font-family: "Proxima Nova", light;

font-family: "Proxima Nova";
font-weight: 100;