字体粗细在css中没有改变答案

【问题标题】：Font-weight not changing in css字体粗细在css中没有改变
【发布时间】：2013-04-10 22:29:19
【问题描述】：

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

【问题讨论】：

在这个小提琴中完美运行：jsfiddle.net/44K2M/1
我已经尝试在 Safari 和 Firefox 中测试页面，但都不会改变权重。不过，字体本身渲染得很好。
只要你关心（不要说你应该）：这是方式太少的信息来帮助你。

标签： css styles stylesheet webfonts google-webfonts

【解决方案1】：

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

记住：

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

【讨论】：