Font settings

Some common font families,

by schrodingers

HTML

<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/font-family -->

<div class="initial">
  你需要的是一克唆麻，”他右手伸进口袋，掏出一个小瓶子，“只需吞下一小片，十种烦恼都不见</div>

<div class="serif">
  你需要的是一克唆麻，”他右手伸进口袋，掏出一个小瓶子，“只需吞下一小片，十种烦恼都不见</div>

<div class="sansserif">
  你需要的是一克唆麻，”他右手伸进口袋，掏出一个小瓶子，“只需吞下一小片，十种烦恼都不见</div>

<div class="monospace">
  你需要的是一克唆麻，”他右手伸进口袋，掏出一个小瓶子，“只需吞下一小片，十种烦恼都不见</div>

<div class="cursive">
  你需要的是一克唆麻，”他右手伸进口袋，掏出一个小瓶子，“只需吞下一小片，十种烦恼都不见</div>

<div class="fantasy">
  你需要的是一克唆麻，”他右手伸进口袋，掏出一个小瓶子，“只需吞下一小片，十种烦恼都不见</div>

CSS

body {
  font-family: 'Arial', 'SimSun', serif;
  font-size: 10px;
}

.initial {
  font-smoothing: antialiased;
  font-family: initial;
}

.serif {
  font-family: Times, Times New Roman, Georgia, serif;
}

.sansserif {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.monospace {
  font-family: Lucida Console, Courier, monospace;
}

.cursive {
  font-family: cursive;
}

.fantasy {
  font-family: fantasy;
}