css - 字体粗细在css中没有改变

Question

使用谷歌网络字体，我无法获得字体重量来产生结果。这三个权重确实有名称，但未在 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

我能够在小提琴中完成这项工作，这让我相信你有另一个字体粗细覆盖了你试图设置的字体粗细。使用 chrome 或 Firefox 的开发人员工具，您可以轻松找到覆盖您尝试设置的样式的样式。

记住：

1. 更具体的风格获胜（例如 ID 与类）
2. 稍后在样式表中找到的样式将覆盖表中较早的相同样式。