html - 如何在 Bootstrap 中更改整个 html 文档的字体粗细？

Question

我尝试了多种方法来做到这一点，但都没有成功。我正在尝试将整个网页设置为 100 字体粗细。我该怎么做？

Answer 1

当不使用 Twitter Bootstrap 或具有自己的 CSS 设置的类似框架时，设置就足够了

* { font-weight: 100 }

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

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

* { font-weight: 100 !important; }

一般来说，!important 应该只作为最后的手段使用。但是，如果您不在此处使用它，则存在某些 future 版本的 Bootstrap 包含覆盖您的规则的风险。

附言将所有文本设置为 100 权重通常会使页面不可读。这种字体通常只用于大字体，例如用于大尺寸标题。