[Edit]

CSS specify font weight

767

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!doctype html>
<html>
<head>
  <style>

    div {
    	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }

  </style>
</head>
<body>
  <div style="font-weight: normal">font-weight: normal</div>
  <div style="font-weight: bold">font-weight: bold</div>
  <br />
  <div style="font-weight: 100">font-weight: 100</div>
  <div style="font-weight: 200">font-weight: 200</div>
  <div style="font-weight: 300">font-weight: 300</div>
  <div style="font-weight: 400">font-weight: 400 (equivalent to normal)</div>
  <div style="font-weight: 500">font-weight: 500</div>
  <div style="font-weight: 600">font-weight: 600</div>
  <div style="font-weight: 700">font-weight: 700 (equivalent to bold)</div>
  <div style="font-weight: 800">font-weight: 800</div>
  <div style="font-weight: 900">font-weight: 900</div>
</body>
</html>