字体粗细不能正确显示不同的页面

Question

我遇到了这个奇怪的事情，我的页脚使用相同的 CSS 代码显示不同的字体粗细。它内置在 wordpress 中。

页脚在所有页面上都是完全相同的代码，但只在主页上正确显示。主页旁边的所有页面的字体粗细都不能低于 400，同时在 chrome 开发工具中更改属性在 400 以下不起作用？

主页：已修复

CSS :

.footer-widgets {
    color: #333;
    font-weight: 300;
}

字体：

<link href="https://fonts.googleapis.com/css?family=Oswald|Work+Sans&display=swap" rel="stylesheet">

不同页面上的字体系列代码也没有条带化或开发工具中的任何内容！所以这意味着它们不会在其他地方被覆盖

Answer 1

你可能有一些其他的 css 覆盖，但这有效（在 chrome devtools 中测试）

字体粗细：100！重要；

Answer 2

尝试将此 link 用于您的字体:)

<link href="https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700|Work+Sans:100,200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">

Answer 3

https://fonts.googleapis.com/css?family=Oswald|Work+Sans:300&display=swap use this it will work. If you have to use different font weight you have to choose from google font which weight you need as per screenshot.

字体粗细不能正确显示不同的页面

Font-weight not propperly showing different pages

css

wordpress

fonts