[Edit]

CSS font-weight lighter example

774

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!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";
    }

    .lighter { font-weight: lighter }

  </style>
</head>
<body>
  <div>normal</div>
  <div class="lighter">
    lighter x1
    <div class="lighter">lighter x2</div>
  </div>
  <br>
</body>
</html>