How to Make My Font Bold Using CSS

CSS different font for styles that make text bold

Common tags like b, strong and headings are styled by the browsers default stylesheet. You have to overwrite them by your own.

h1,
h2,
h3,
h4,
h5,
h6,
b,
strong {
    font-weight: normal;
}

How to add bold text with CSS?

Sure:

.OwnerJoe:before {
  content: "Joe's Task:";
  font-weight: bold;
}

Creating really bold text with css

No. font-weight: 900 is the maximum. You could use another font.

how to make font thicker then 900 using css

use text-stroke

.box {
  letter-spacing: 5px;
  font-size: 30px;
  font-weight: 900;
  font-family:sans-serif;
}
.th {
  -webkit-text-stroke: 3px;
  text-stroke: 3px;
}

<div class="box">HELLO WORLD</div>
<div class="box th">HELLO WORLD</div>

How do I make text bold in HTML?

use <strong> or <b> tag

also, you can try with css <span style="font-weight:bold">text</span>