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

x4shl7ld 于 11个月前发布在其他

关注(0)|答案(7)|浏览(199)

This W3Schools tutorial教我如何使用CSS font-style属性使文本加粗（相当于老式HTML中的<b&g>this）以及如何使文本斜体（相当于老式HTML中的this）。
然而，我似乎找不到任何地方可以让文本同时拥有这两个属性（相当于老式HTML中的this）。
有没有一种方法可以使用纯CSS来实现这一点？
我试过了：

font-style: italic bold;

字符串
结果是页面忽略了这两个属性，就好像我从来没有指定过这个属性一样。
当我尝试这个时，我得到了同样的结果：

font-style: italic, bold;

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

font-style: italic; bold;

型
这一次，它使用了第一种样式（斜体），但忽略了第二种样式（粗体）。
这可以用纯css实现吗？

css

来源：https://stackoverflow.com/questions/38205797/how-to-combine-bold-and-italic-in-css

7条答案

按热度按时间

vxbzzdmp1#

你们关系很好
italic用于font-style，而粗体用于font-weight。
用途：

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

字符串

赞(0）回复(0）举报 11个月前

uqjltbpv2#

font-style是一个单值属性。bold是font-weight，无论如何。要合并组合多个值，您可以使用速记font属性。但是，font速记需要输入：font-size和font-family。如果您没有在速记中包含这两个，则该属性将被忽略。
将这些与italic bold一起沿着包含在您的font速记中，它应该可以工作。

赞(0）回复(0）举报 11个月前

mpgws1up3#

您可以使用这两个属性来创建斜体和粗体字体

font-style  : italic
font-weight : bold

字符串
font-weight doc：W3Schools font-weight
font-style文档：W3Schools font-style

赞(0）回复(0）举报 11个月前

rsl1atfo4#

请看看这个代码：

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

字符串

赞(0）回复(0）举报 11个月前

4dbbbstv5#

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

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

字符串

赞(0）回复(0）举报 11个月前

u5i3ibmn6#

您好，我遇到了同样的问题。我按照上面指定的步骤操作。*

但是，上面的答案是不导入带有指定字体样式（粗斜体）的css文件是不完整的。您必须有一个.css，它导入字体的粗斜体样式才能真正显示所需的效果。
这一步经常被忽略，但可以很容易地完成。
我将在此处演示（这是自解释性的，但我还是要演示）
我将在这里使用Google字体，以及特定的字体家族Lato。
1.转到Google-Fonts/Lato。
Screengrab of Google-fonts/Lato的一个。
1.勾选粗斜体或您想要的粗细。在这里我已选取'Black'（font-weight = 900）