Font Component Placement

In sites and themes, use the shared <Font /> component only inside header.jsx. Never import or render it in any other file, including pages, layouts, or other components.

Philosophy

Keep font declarations in one predictable location within the site or theme header.

Correct

header.jsx: <Font name='montserrat' />

Incorrect

home.jsx: <Font name='montserrat' />
layout.jsx: <Font name='montserrat' />

Fix

Move every Font import and <Font /> declaration into the owning site or theme header.jsx file.