<body class="body" id="body">
    Hello world 你好，世界
    <div class="chinese">你好</div>
    <!-- <div class="weight">你好 Hello World</div> -->
    <div class="custom-font">你好 Hello World</div>
</body>
body{
  /* font-family: "monaco"; */
  /* font-family: "monaco", "PingFang SC"; */
  font-family: "aaaaa", "monaco", "PingFang SC";
}
.chinese{
  font-family: "PingFang SC", "Microsoft Yahei", monospace;
  /* font-family: "Microsoft Yahei", serif; */
  /* font-family: "serif"; */
}
.weight{
  font-weight: bold;
  font-weight: bolder;
  font-weight: lighter;
  font-weight: normal;
  font-weight: 100;
}
@font-face {
  font-family: "IF";
  src: url("./IndieFlower.ttf");
}
.custom-font{
  font-family: IF;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.