Bootstrap从入门到项目实战
上QQ阅读APP看书,第一时间看更新

5.1.4 粗细和斜体

Bootstrap 4中还定义了关于文本字体的样式类,可以快速改变文本字体的粗、细和倾斜样式。具体的样式代码如下:

说明如下。

■ .font-weight-light:设置较细的字体(相对于父元素)。

■ .font-weight-lighter:设置细的字体。

■ .font-weight-normal:设置正常粗细的字体。

■ .font-weight-bold:设置粗的字体。

■ .font-weight-bolder:设置较粗的字体(相对于父元素)。

■ .font-italic:设置斜体字。

【例5.6】粗、细和斜体示例。

在IE 11浏览器中运行结果如图5-7所示。

图5-7 粗、细和斜体效果