<div>
  <p>フォントサイズ:30px</p>
  <p class="size16px">フォントサイズ:16px</p>
  <p class="size1em">フォントサイズ:1em</p>
  <p class="size1ex">フォントサイズ:1ex</p>
  <p class="size1cap">フォントサイズ:5cap</p>
  <p class="size1ch">フォントサイズ:1ch</p>
  <p class="size1ic">フォントサイズ:5ic</p>
  <p class="size1lh">フォントサイズ:5lh</p>
</div>
div{
  font-size:30px;
  font-family:sans-serif;
}
p.size16px{
  font-size:16px;
}
p.size1em{
  font-size:1em;
}
p.size1ex{
  font-size:1ex;
}
p.size1cap{
  font-size:5cap;
}
p.size1ch{
  font-size:1ch;
}
p.size1ic{
  font-size:5ic;
}
p.size1lh{
  font-size:5lh;
}

External CSS

  1. https://unpkg.com/ress/dist/ress.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.