how to make font thicker then 900 using css

Question

I want to make my font super thick due to the background colour of my friends image that is in the header of the website. I found this online, but it is not working unfortunately. is there any other way to do this?

h1{
  text-shadow: 1px 0 #888888;
  letter-spacing:1px;
  font-weight:bold;
}

<h1>MAKE IT BOLD</h1>

this above is not working and keeps it around the same standard thickness I have already.

please let me know another solutions.

Answer 1

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>

Or a lot of text-shadow:

.box {
  letter-spacing: 5px;
  font-size: 30px;
  font-weight: 900;
  font-family:sans-serif;
}
.th {
  text-shadow:0 0 2px,0 0 2px,0 0 2px,0 0 2px,0 0 2px,0 0 2px,0 0 2px,0 0 2px,0 0 2px,0 0 2px,0 0 2px,0 0 2px,0 0 2px,0 0 2px;
}

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