[thetaPC]

Issue number: resolves internal

---

What is the current behavior?

Test pages pick their testing font from the <html> classes. On ionic-modular, <html> has both the mode and theme classes, so an md theme page in ios mode gets the iOS testing font instead of the md one.

What is the new behavior?

• The testing styles follow the theme attribute Ionic sets on <html> for all three themes, instead of the mode and theme classes, so each theme gets its own font in either mode.
• Only test pages load this file, and every configs() combination already pairs a theme with its own font, so no screenshots change.

Does this introduce a breaking change?

• Yes
• No

Other information

Found in the title animations PR review (#31559). Tracked in FW-7883.

How to test

Check	Before	After	What to look for
md theme, ios mode	before	after	The titles use Roboto in the after link, like the md theme in md mode, instead of the iOS system font

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
ionic-framework	Ready	Preview	Oct 20, 2026 11:16pm UTC