<h1>Font Scale</h1>

<p>This is normal body text</p>

<div class="card">
  <p>This is normal card text</p>
  <p class="card-em">This is the EM sizing of the text</p>
  <p class="card-rem">This is the REM sizing of the text</p>
</div>
body {font size:16px;}
.card {
  font-size: 0.75em;
  background-color: AliceBlue;
  padding: 0.5rem;
}
.card-em {font-size: 1.5em;}
.card-rem {font-size: 1.5rem;}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.