Consider the following example
editor css:
.heading{
font-size: 20pt;
font-weight: bold;
font-style: italic;
}
HTML:
<div class="heading"> This is main heading </div>
When I try to remove the bold from whole whole text inside the heading div it won’t convert it to normal text. This might be because of the font-weight defined in heading class. Is there a way to toggle the font-weight for such cases?
To get ride of this issue we moved font styling (bold, italic) out from CSS and used the
<strong>and<i>tags directly into the content. This seems to be only proper way to do this.