New Font Spacing Issue?

Hello, I just added the Charter font through your guide to adding a site. Here is a link to a sample blog post. On my 26' inch monitor the spacing is insane. If I switch back to a default google font it looks fine. But, this is happening. This is what is in my additional CSS

@media (max-width: 768px) {
    body {
        font-size: 17px;
    }
}

@font-face {
  font-family: 'Charter Regular';
  font-style: normal;
  font-weight: 400;
  src: url('url/wp-content/uploads/2021/05/charter_regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Charter Bold';
  font-style: normal;
  font-weight: 400;
  src: url('url/wp-content/uploads/2021/05/charter_bold.woff2') format('woff2');
}

@font-face {
  font-family: 'Charter Italic';
  font-style: normal;
  font-weight: 400;
  src: url('url/wp-content/uploads/2021/05/charter_italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Charter Bold Italic';
  font-style: normal;
  font-weight: 400;
  src: url('urlwp-content/uploads/2021/05/charter_bold_italic.woff2') format('woff2');
}