<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;

}

​