<h1>No Overrides</h1> 
<h1 class="adjusted">All Overrides</h1>

/* local Arial bold */
@font-face {
  font-family: "Arial Bold";
  src: local(Arial Bold);
}

body {
  font-family: "Arial Bold"; 
}

/* Override Local Arial Bold as a new family */
@font-face {
  font-family: "Ascent Adjusted Arial Bold";
  src: local(Arial Bold);
  descent-override: 0%;
  ascent-override: 72%;
  line-gap-override: 3%;
}

h1.adjusted {
  font-family: "Ascent Adjusted Arial Bold"; 
}
 





* {
  box-sizing: border-box;
  margin: 0;
}

html {
  block-size: 100%;
}

body {
  min-block-size: 100%;
  display: grid;
  place-content: center;
  gap: 2rem;
}

h1 {
  font-size: calc(1rem + 8vw);
  border: 1px solid;
}