<h1>
  Text
</h1>

<br><br><br>

<h1 class="size-adjusted">
  Text
</h1>

<br><br><br>

<h1 class="ascent-adjusted">
  Text
</h1>
@font-face {
  font-family: "Arial-Size-Adjusted";
  size-adjust: 113.56999999999995%;
  src: local("Arial");
}

@font-face {
  font-family: "Arial-Ascent-Adjusted";
  size-adjust: 113.56999999999995%;
  ascent-override: 81%;
  src: local("Arial");
}

h1 {
  font-family: Arial, sans-serif;
  font-size: 8em;
  font-weight: normal;
  margin: 0;
  border: 1px solid grey;
  display: inline-block;
}

h1.size-adjusted {
  font-family: "Arial-Size-Adjusted", sans-serif;
}

h1.ascent-adjusted {
  font-family: "Arial-Ascent-Adjusted", sans-serif;
}

/* ETC */

body {
  margin: 2em;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.