To improve font rendering, a great technique is font swapping. The problem however, is that sometimes when the web font loads, it shifts the entire page around since it presents at a slightly different box height size.
@font-facerule, it sets a global glyph adjustment for the font face. Timing this right will lead to minimal visual change, a seamless swap.
Available in Chromium 92 and (flagged) Firefox 89 at the time of writing. Up-to-date list on “Can I Use …”.
The posts contain links to tools to help you define the perfect
(*) The third one of the bunch being CSS-Tricks