为什么我的 google 字体 CDN link 不允许我更改字体粗细？

Question

我通过 CDN 导入了 google 字体粗细 (Raleway)，并在其中包含了多个粗细。 CSS 选择字体并正确更改我的文本，但所有字体都更改为 CDN 中的第一个粗细。

这是我的 CDN：

<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@500;900&display=swap" rel="stylesheet">

这是我的（非常简单）CSS:

body {
    font-family: 'Raleway';
    font-weight: 900;
}

CSS 似乎完全忽略了我的 font-weight 属性，因为所有字体的权重都是 500（或者我在 CDN 中首先设置的任何权重。）

我完全迷路了，不知道出了什么问题。我检查了几个类似的问题，但它们都有一些小错误，比如导入错误的字体等等。

对我做错了什么有什么想法吗？谢谢！

Answer 1

您是否尝试在 css 中添加 !important ？


body {
    font-family: 'Raleway';
    font-weight: 900 !important;
}

Answer 2

我认为你必须有第二个字体系列选项：

body {
  font-family: Raleway, sans-serif;
}

Answer 3

您展示的内容运行良好。
问题出在您的 HTML 页面中的 ELSEWHERE。

body {
  font-family: 'Raleway';
  font-weight: 900;
  font-size  : 64px;
  }
p.w500 {
  font-weight: 500;
  }

<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@500;900&display=swap" rel="stylesheet">

<p class="w500"> hello world! 500 </p>

<p >  hello world! 900 </p>

为什么我的 google 字体 CDN link 不允许我更改字体粗细？

Why won't my google font CDN link allow me to change font weights?

css

fonts