CodePen Embed - After: font-size-adjust ch-width

<div class="wrapper">
  <p><span class="font-a">The quick brown fox jumps over the lazy dog.</span></p>

  <p><span class="font-b">The quick brown fox jumps over the lazy dog.</span></p>

</div>

.font-a {
  font-family: verdana;
}

.font-b {
  font-family: Arial;
  font-size-adjust: ch-width 0.64;
}

span {
  outline: 1px solid red;
  font-size: 16px;
}

.wrapper {
  margin: 40px;
}

This Pen is owned by web.dev on CodePen.

See more by @web-dot-dev on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.