Let a style pick its display and label fonts

[nmbrthirteen]

Adds fonts?: { display?: FontId; label?: FontId } to ThemeInput. FontId is one of grotesk (DM Sans), serif (Playfair Display italic), condensed (Barlow Condensed) or mono (Courier Prime), all already bundled. resolveTheme swaps the pack's display and label faces before applying motion and overrides, so colours, surface and motion are untouched.

This lets a look matched from a reference carry its typeface. For example, WSJ and Vox frames both use bold condensed type, which the matcher could not express before.

3 new tests. 227 pass.

[coderabbitai]

Warning

Review limit reached

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

Next included review available in 5 minutes.

Check out review usage here.

View limit details

Limit details: You’ve used the included review currently available.

Learn how review limits work.

Review configuration:

⚙️ Run configuration

• Configuration used: defaults
• Review profile: CHILL
• Plan: Advanced
• Run ID: c0ebeafd-d0a7-43ac-94d4-3b7ffcfe9c05

📥 Commits

Reviewing files that changed from the base of the PR and between 33da36c and 73dcd63.

📒 Files selected for processing (2)

• remotion/src/style/theme.test.ts
• remotion/src/style/theme.ts

• Autopilot · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Autopilot is currently an internal CodeRabbit preview.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}