System Stack Vs Inherit Font

Hi there,

System stack is simply letting the OS of the device pick the font from what's installed in it.

Setting Inherit font to an element means you're setting it to inherit the font family used by its parent container.

Example Scenario #1: If you set your Body's font to "System Stack" and you set "Inherit" to your H1, since H1 is a child element of Body, H1 will inherit "System stack".

Example Scenario #2: If you set your Body's font to "System Stack" and you set "Inherit" to your H1 BUT you've set a font family "Arial" to the Content container, All the H1 outside of content container will inherit "System stack" while all the H1 within the content container will inherit "Arial" as it's direct parent to inherit from is the content container.

Its sounds like system stack is better for Google Core Vitals?

Its sounds like system stack is better for Google Core Vitals?

Yes, as the performance is better because there's no extra request for fonts for the browser to load as it's already using one from the OS.

Thank you!

No problem. :)