css中字体粗细不变

Question

使用google webfont，我无法获得font-weight来产生结果。这三个权重确实有名称，但没有在href链接中指定，所以我不确定是否需要添加名称。

这是这部分代码:

<link href='http://fonts.googleapis.com/css?family=Quicksand:400,300,700' rel='stylesheet' type='text/css'><style type="text/css">
    body{
        background-color: white;
        margin-left: 20%;
        margin-right: 20%;
        border: none;
        padding: 10px 10px 10px 10px;
        font-family: Quicksand, sans-serif;
        font-weight: 300;
    }

Answer 1

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500&display=swap" rel="stylesheet">

:-在链接任何类型的外部字体之前使用preconnect，现在它是工作的，如果有任何问题，然后告诉我

Answer 2

我能够在一段时间内得到这个工作，这使我相信你有另一个font-weight覆盖你试图设置的font-weight。使用chrome或Firefox的开发工具，你可以很容易地找到覆盖你想要设置的样式。

请牢记:

1. 更具体的样式获胜(例如ID vs class)
2. 在样式表中后面发现的样式将覆盖表中前面的相同样式。