<h1>Line Gap Override</h1>
<h1 class="adjusted">Line Gap Override</h1>

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

body {
  font-family: "Arial"; 
}

/* Override Local Arial bold */
@font-face {
  font-family: "Line Gap Adjusted Arial";
  src: local(Arial);
  line-gap-override: 50%;
}

h1.adjusted {
  color: blue;
  font-family: "Line Gap Adjusted Arial";
}




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

html {
  block-size: 100%;
}

body {
  min-block-size: 100%;
  display: grid;
  place-items: center;
  grid: [stack] 1fr / [stack] 1fr;
}

h1 {
  grid-area: stack;
  font-size: calc(1rem + 8vw);
  mix-blend-mode: multiply; 
  color: red;
  border: 1px solid;
}