尽管有css样式表，但瘦字体看起来很大胆

Question

我使用的是免费的开源字体＆＃34; Roboto＆＃34;。

这是我的代码：

font-family: 'Roboto',Sans-Serif;
font-weight: 100;

此代码在我的主页上运行良好。它很薄，看起来很棒。 但在我的会员区域页面上，它看起来是半粗体的。

我想，也许是因为我使用的浏览器（谷歌浏览器），但我揭穿了这个想法，因为我的主页在使用谷歌浏览器时看起来很好。此外，我还没有使用任何其他浏览器。

有关如何解决此问题的任何提示？

这是一个比较截图。 http://i.stack.imgur.com/XibIK.png

此处为＆＃34;用户名＆＃34;的HTML代码:(注意，此页面上的所有文字都看起来很粗糙。不只是用户名。所以它不仅仅是这段代码。）

<div class='title'>Username</div>

这里的HTML代码＆＃34; Money并不能买到快乐＆＃34;：

<h1 class="h1">Money doesn't buy happiness</h1>

Answer 1

正如人们在评论中所说的那样，父母阶级过度统治h1，这导致粗体文字。我还看到您在h1元素上有一个班级h1。

<强> CSS

.title, .h1 {
   font-family: 'Roboto',Sans-Serif;
   font-weight: 100;
}

或!important覆盖font-weight。请注意!important对您始终希望保持相同的课程有所帮助。例如，在标题或按钮上。

.title, .h1 {
       font-family: 'Roboto',Sans-Serif;
       font-weight: 100 !important;
}