What can cause the font to jump?

Question

Fonts

Good afternoon, I ran into a problem with a jumping font.
A font was chosen in google fonts - ProstoOne , but it turned out that it jumps on different font sizes, i.e. at 19px the letters are the same size, but at 21px they are different.

It is clear that the easiest way to solve the problem is to choose a different font.
But I wonder if there is any solution that can fix this problem?

Answer 1

It's not the font jumping, it's your browser not scaling and anti-aliasing it correctly. Play around with CSS styles like this:

text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;

Answer 2

The browser perceives third-party fonts secondarily, so you need to add a tag to the heag

<link rel="preload" href="/fonts/shrift.woff2" as="font">