Creating really bold text with css

Question

Is there any way to make my font bolder then my examples below? I have tried increasing font-weight from 900 to 1500 but I don't see any difference.

#step-1 div {
    font-weight: bolder;
    font-weight: 900;
}

Answer 1

Use text-shadow to make it look bolder.

.really-bold {
  text-shadow: -1px 0, 0 1px, 1px 0, 0 -1px, -1px -1px, 1px 1px, -1px 1px, 1px -1px;
}

body {
  font-family: Arial;
  font-weight: 900;
  font-size: 40px;
}

.really-bold {
  text-shadow: -1px 0, 0 1px, 1px 0, 0 -1px, -1px -1px, 1px 1px, -1px 1px, 1px -1px;
}

<div class="normal">SAMPLE TEXT</div>
<div class="really-bold">SAMPLE TEXT</div>

Answer 2

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