<div>
  <p>フォントサイズ:30px</p>
  <p class="size24px">フォントサイズ:24px</p>
  <p class="size1em">フォントサイズ:1em</p>
  <p class="size1rem">フォントサイズ:1rem</p>
  <p class="size1rlh">フォントサイズ:5rlh</p>
</div>
:root{
  font-size:24px;
}
div{
  font-size:30px;
  font-family:sans-serif;
}
p.size24px{
  font-size:24px;
}
p.size1em{
  font-size:1em;
}
p.size1rem{
  font-size:1rem;
}
p.size1rlh{
  font-size:5rlh;
}

External CSS

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

External JavaScript

This Pen doesn't use any external JavaScript resources.