Brand center fonts not applying to navigation elements on associated hub sites

[stevenjcoates]

Target SharePoint environment

SharePoint Online

What SharePoint development model, framework, SDK or API is this about?

💥 SharePoint Framework

Developer environment

Windows

What browser(s) / client(s) have you tested

• 💥 Internet Explorer
• 💥 Microsoft Edge
• 💥 Google Chrome
• 💥 FireFox
• 💥 Safari
• mobile (iOS/iPadOS)
• mobile (Android)
• not applicable
• other (enter in the "Additional environment details" area below)

Additional environment details

No response

Describe the bug / error

Hub site: brand center fonts apply to all elements on a hub site including hub and site navigation.
Associated sites: brand center font inheritance doesn't flow to navigation, being overriden by

Steps to reproduce

1. Apply a font package to a hub site via Brand Center and check it's applying fonts to hub and main site navigation
2. View another site associated with the hub - inline css will
3. On associated sites .siteNavLink-155 #SiteHorizontalNav { font-family: var(--fontFamilyBase); } overrides .ms-HorizontalNavItem-linkText { font-family: var(--fontFamilyCustomFont500, var(--fontFamilyBase)); } }

Expected behavior

Brand Center fonts to apply to navigation on both main hub and associated sites

[Ashlesha-MSFT]

Hello @stevenjcoates,
Thank you for bringing this issue to our attention. We will look into it and get back to you shortly.

[Ashlesha-MSFT]

Hi @stevenjcoates,
I validated the scenario in my test tenant using a hub + associated site setup and Brand Center font package, but I’m unable to reproduce the behavior currently.
This may be tenant/ring specific.
Could you please open a Microsoft support ticket and share:

• Tenant ID
• Hub site URL
• Associated site URL
• Time window when issue is observed (UTC)
• Screenshots + DevTools computed style evidence

This will allow the product/support engineering team to investigate backend telemetry and configuration for your tenant.