font-style与font-weight区别解析

CSS中的font-style和font-weight虽同属字体样式控制属性，却各司其职：前者决定文字是否倾斜（normal/italic/oblique），后者决定笔画粗细（normal/bold或100–900数值），二者独立运作、可叠加使用——比如让强调文本既斜又粗，精准实现设计意图。掌握这一核心区别，是写出清晰、可控、专业级文本样式的起点。

font-style 和 font-weight 都是CSS中用于控制字体样式的属性，但它们的作用完全不同。下面分别说明它们的区别和用法。

font-style：控制字体的倾斜效果

• normal：默认值，文本正常显示，不倾斜
• italic：使用字体的斜体版本（如果字体支持）
• oblique：将普通字形倾斜显示，即使字体没有真正的斜体，浏览器也会模拟倾斜

p {
  font-style: italic;
}

font-weight：控制字体的粗细程度

• normal：等同于400，标准粗细
• bold：等同于700，加粗显示
• 100～900：数字形式的粗细级别，400为常规，700以上为粗体

h1 {
  font-weight: bold;
}
span {
  font-weight: 300;
}

核心区别总结

• font-style 管的是“斜不斜”——影响的是文字的倾斜角度
• font-weight 管的是“粗不粗”——影响的是文字笔画的粗细
• 两者可以同时使用，互不影响

em {
  font-style: italic;
  font-weight: bold;
}

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。