Bootstrap 5 Text Font weight and italics

Bootstrap 5 Text Font weight and italics classes are used to manipulate text weight and text style. There are several classes to do so. In this article, we will see the use of each class that has been used in the examples code.

Font weight and italics classes:

• fw-bold: This class is used to make the text bold.
• fw-bolder: This class is used to make the text bolder.
• fw-normal: This class is used to set the font-weight default.
• fw-light: This class is used to make the text light.
• fw-lighter: This class is used to make the text lighter.
• fst-italic: This class is used to make the text italics.
• fst-normal: This class is used to set the font-style default.

Syntax:

<tag class="fw-*">...</tag>

Example 1: In this example, we will use font-weight classes to check the different text weights.

Output:

👁 Image

Example 2: In this example, we will use different font-style to manipulate the text style.

Output:

👁 Image

Reference: https://getbootstrap.com/docs/5.0/utilities/text/#font-weight-and-italics