![Bootstrap从入门到项目实战](https://wfqqreader-1252317822.image.myqcloud.com/cover/95/27738095/b_27738095.jpg)
上QQ阅读APP看书,第一时间看更新
5.1.4 粗细和斜体
Bootstrap 4中还定义了关于文本字体的样式类,可以快速改变文本字体的粗、细和倾斜样式。具体的样式代码如下:
![](https://epubservercos.yuewen.com/84690B/15936052304963006/epubprivate/OEBPS/Images/Figure-P75_2389.jpg?sign=1739127994-zTSpKRjfGh2EFUxtF4jbe4Zp4OlpGKrE-0-186e9231a5ef20adabfb45c97508fdb5)
说明如下。
■ .font-weight-light:设置较细的字体(相对于父元素)。
■ .font-weight-lighter:设置细的字体。
■ .font-weight-normal:设置正常粗细的字体。
■ .font-weight-bold:设置粗的字体。
■ .font-weight-bolder:设置较粗的字体(相对于父元素)。
■ .font-italic:设置斜体字。
【例5.6】粗、细和斜体示例。
![](https://epubservercos.yuewen.com/84690B/15936052304963006/epubprivate/OEBPS/Images/Figure-P75_2391.jpg?sign=1739127994-23lPlEMPNfUyNHUzhbvI3sy1tauZSOxn-0-c55ba4ad7b90f7983cd7d16698a58d7d)
在IE 11浏览器中运行结果如图5-7所示。
![](https://epubservercos.yuewen.com/84690B/15936052304963006/epubprivate/OEBPS/Images/Figure-P75_2393.jpg?sign=1739127994-8O8kM9EuR8ieU3kyjurvwZ4DSeRjqW4J-0-1da83d330f444f8357d47310b9d68a60)
图5-7 粗、细和斜体效果