如何在 CSS 中合并粗体和斜体？

Question

This W3Schools tutorial 教我如何使用 CSS font-style 属性使文本加粗（相当于老式 [=40 中的 <b&g>this =]) 以及如何使文本变为斜体（相当于老式 HTML 中的 this）。

但是，我似乎无法在任何地方找到如何使文本同时具有这两个属性（相当于老式 HTML 中的 this）。

有没有办法使用纯 CSS 来做到这一点？

我试过这个：

font-style: italic bold;

结果是页面忽略了这两个属性，就好像我根本没有指定这个属性。

我尝试这个时得到了相同的结果：

font-style: italic, bold;

我尝试这个时得到了不同的结果：

font-style: italic; bold;

这一次，它使用了给定的第一种样式（斜体）而忽略了第二种（粗体）。

这可以用纯 css 来完成吗？

Answer 1

请看这段代码：

font: italic bold 12px/30px Georgia, serif;

Answer 2

font-style 是单值属性。无论如何，bold 是字体粗细。要组合多个值，可以使用 shorthand font 属性。但是，font shorthand 具有必需的条目：font-size 和 font-family。如果您不在 shorthand 中包含这两个，属性将被忽略。

将这些与 font shorthand 以及 italic bold 一起加入，它应该会起作用。

Answer 3

你很接近。

italic 与 font-style 一起使用，而粗体与 font-weight 一起使用。

使用：

font-weight: bold;
font-style: italic;

Answer 4

W3School 不好的另一个原因是，您应该使用 font-weight to set bold and font-style 设置斜体。

font-weight: bold;
font-style: italic;

Answer 5

您可以使用这 2 个属性获得斜体和粗体字体

font-style  : italic
font-weight : bold

字体粗细文档：W3Schools font-weight

字体样式文档：W3Schools font-style

如何在 CSS 中合并粗体和斜体？

How to combine bold and italic in CSS?

html

css

fonts

typography