如何在 CSS 中结合粗体和斜体？答案

【问题标题】：How to combine bold and italic in CSS?如何在 CSS 中结合粗体和斜体？
【发布时间】：2016-11-07 10:19:33
【问题描述】：

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

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

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

我试过了：

font-style: italic bold;

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

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

font-style: italic, bold;

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

font-style: italic; bold;

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

这可以用纯css完成吗？

【问题讨论】：

【解决方案1】：

请看这段代码：

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

【讨论】：

【解决方案2】：

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

将这些与italic bold 一起包含在您的font 速记中，它应该可以工作。

【讨论】：

【解决方案3】：

你很亲密。

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

用途：

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

【讨论】：

【解决方案4】：

W3Schools 不好的另一个原因，你应该使用font-weight 设置粗体和font-style 设置斜体。

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

【讨论】：

【解决方案5】：

您可以使用这 2 个属性来设置斜体和粗体

font-style  : italic
font-weight : bold

字体样式文档：W3Schools font-style

【讨论】：