How to unbold text in HTML

In this article, we will see how to unbold text in HTML. We need to use the CSS font-weight property to unbold text in HTML. If you use heading elements i.e. h1-h6 tags then the text will automatically become bold so this article will be useful for you to unbold.

What is unbold text?

In CSS, if the value of the font-weight property is normal, it is called unbold text. You can see the font-weight value of your HTML element by following the navigation : HTML output browser > right click > inspect > select your HTML element. For example, I have an h1 element without CSS style. When I check the font-weight value it has a value of “bold”. Because the default font-weight value of heading tags is “bold”.

How to make unbold text

To unbold a text, we should use the font-weight property and give the value as “normal“.

CSS:

h1{
font-weight: normal;
}

HTML:

<h1>This is Heading Text</h1>

Output:

In the above code, we have a <h1> tag with some text. The h1 is the default bold text. To unbold the h1 text, we should use the CSS font-weight property and give the value as “normal”. See, the above output the h1 tag is displayed without bold.