如何在bootstrap中更改整个html doc的字体权重?

时间:2014-08-03 01:34:00

标签: html css twitter-bootstrap

我尝试了多种方法,但没有成功。我正在尝试将整个网页设置为100个字体粗细。我该怎么做?

6 个答案:

答案 0 :(得分:1)

当不使用Twitter Bootstrap或具有自己的CSS设置的类似框架时,设置

就足够了
* { font-weight: 100 }

自然地假设所有使用的字体都有一个重量为100的字体。选择器*匹配所有元素。

然而,由于更高的特异性(通用选择器*具有非常低的特异性),Twitter Bootstrap可能会违反覆盖上述规则的CSS规则。您需要分析这些内容以及它们与HTML标记和CSS代码的关系。或者,您可以使用!important说明符,使您的规则赢得任何其他规则,除非他们也使用该说明符:

* { font-weight: 100 !important; }

通常,!important应仅用作最后的手段。但是如果你不在这里使用它,那么将来可能存在一些未来版本的Bootstrap包含覆盖你的规则的风险。

P.S。将所有文本设置为100权重通常会使页面不可读。这种字体通常仅用于大字体,例如,对于大尺寸标题。

答案 1 :(得分:0)

您可能想要做这样的事情,因为您的所有文字都位于您的身体中。但是,我看到你联系了bootstrap。如果您使用的是bootstrap类,那么您必须检查并确保它们不会使用font-weight。如果他们这样做,您需要手动覆盖它们。

<强> CSS

body, <more elements here>{
font-weight:100;
}

答案 2 :(得分:0)

根据我的理解,单次行动无法做到这一点。您必须使用font-weight: 100;显式覆盖所有默认引导程序样式。

答案 3 :(得分:0)

尝试

font-weight:100 !important;
关于编写通常建立的样式

,必须使用Bootstrap中的!important

答案 4 :(得分:0)

我相信这也取决于你如何定义风格。如果您使用样式标签,则可能无法实现。但是,如果您要链接一个CSS文件,它可能是按照您将它们包含在头部的顺序。确保你的重写CSS低于bootstrap CSS。

<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/site-specific.css" />

这基于How to overwrite styling in Twitter Bootstrap

然后* { font-weight: 100 }之类的内容应该,只要您使用的字体支持该特定权重,因此请务必验证

答案 5 :(得分:0)

我发现最好的方法是将CSS设置如下

body,html{font-weight:100;}