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.