📘 如何使用 CSS 将文字加粗？

如果你想用 CSS 将文本设置为加粗，可以使用 font-weight: bold;。参考下面的示例和可复制代码，任何人都可以轻松使用。

✅ 示例

普通文字，与这一部分加粗的效果。

<style>
  .bold-text {
    font-weight: bold;
  }
</style>

<p>普通文字，与 <span class="bold-text">这一部分加粗</span> 的效果。</p>

✅ 已复制！

font-weight: bold 是一种基础但非常强大的 CSS 属性，可用于建立文本的视觉层次结构。正确使用可以有效突出内容中的重点信息。

除了使用 bold 外，font-weight 还可以使用 100 到 900 之间的数值指定。例如，font-weight: 600 表示半粗体，font-weight: 800 表示超粗体。但需注意，不同的字体支持的权重可能不同。

在使用 @font-face 规则定义自定义字体时，可以通过指定 font-weight 来加载不同粗细的字体版本。此外，设置 transition: font-weight 0.3s ease，可以让鼠标悬停时的字体变换更加平滑自然。

在使用粗体文本时，应确保其对比度达到至少 4.5:1。不要仅依靠加粗来传达关键信息，应结合其他视觉元素一起使用。过度使用粗体可能会降低可读性。

字体粗细的使用应在整个设计系统中保持一致。事先为标题、强调文本和按钮等元素设定统一的字重，有助于打造统一、协调的视觉效果。