Text automatically bold without the b tag being used

Issue

My text below is automatically bold when I have not used <b> or font weighting being heavy or anything like that I’ve tried using font weight lighter yet its still bold and there is no previous CSS that affects paragraphs which would make this happen I would like the text to be unbolded

enter image description here

.Desc p {
  font-size: 15px;
  font-weight: lighter;
  position: relative;
  color: black;
  margin: 50px;
  height: 200px;
  background-color: rgba(138, 138, 138, 0.441);
}
<div class="Desc">
  <h1>Welcome to Tea-rrific</h1>
  <p>Tea-rrific is a healthy alternative to other teas on the market. It contains antioxidants and vitamins which help boost your immune system and keep you healthy during cold and flu season. Tea-rrific tastes great without any added sugars or artificial
    sweeteners like many other teas on the market. And it's eco friendly because it uses biodegradable bags instead of plastic ones that pollute our oceans!<br>Tea-rrific is a small company based in the UK, creating small batch blends of high quality,
    ethical and sustainable whole leaf tea. We’re here to bring you tea that’s fun, functional and tasty!</p>
</div>

Solution

You should sure that is font-family have light style like having link in head section or you can try

font-weight:400;

Answered By – Ömer Faruk Cesur

This Answer collected from stackoverflow, is licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0

Leave a Reply

(*) Required, Your email will not be published