How to fix CLS from text/font loading in GeneratePress

Hi,

I’m trying to properly fix some PageSpeed issues on my site and wanted to clarify the best approach.

1. CLS from paragraph text / font loading
I’m seeing a CLS issue in PageSpeed, and it looks like it is coming from paragraph text, not images.

I’m using the Inter font, hosted locally through the GenerateBlocks Font Library, and I have font-display set to swap. When the page loads, I can visibly see the font change, so I assume the fallback font is loading first and then Inter replaces it. Added font family fallback Georgia, serif

What is the best way to reduce or fix this properly on both mobile and desktop?
Should I keep font-display: swap, or is there a better option in this case?
Also, I currently loaded font weights from 400 to 900. Is that too many, and what is the recommended setup?

2. LCP / “largest element” concern
PageSpeed is also showing the largest element information.
Should that always be treated as something important to optimize, or are there cases where it can be ignored?

3. Render-blocking
What is the recommended way to handle render-blocking resources in a GeneratePress / GenerateBlocks setup without breaking layout or causing other issues?

I’d appreciate the recommended best-practice approach here.