fix: use monospace font in embed chart

[graphieros]

Follow up to #2833

Embedded charts currently have the default browser font, which does not convey the npmx design language.
This adds a style tag inside the svg to set the font-family of text elements to monospace.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	Jun 5, 2026 9:39pm

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored		Jun 5, 2026 9:39pm
npmx-lunaria	Ignored		Jun 5, 2026 9:39pm

[coderabbitai]

Need the big picture first? Review this PR in Change Stack to see what changed before going file by file.

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: af98baad-98f6-40e1-9c0d-fe72acb06277

📥 Commits

Reviewing files that changed from the base of the PR and between eeacab3 and b0b866d.

📒 Files selected for processing (1)

• server/utils/embed-downloads-svg.ts

---

📝 Walkthrough

Summary by CodeRabbit

• Style
  • Improved text rendering in downloaded SVG files by applying monospace font styling to labels and other text elements.

Walkthrough

An inline CSS style rule is added to the SVG response generator, setting all text elements to render in monospace font within the downloads visualisation.

Changes

SVG text monospace font styling

Layer / File(s)	Summary
SVG text monospace styling server/utils/embed-downloads-svg.ts	The createDownloadsSvgResponse function now injects an inline <style> block (text {font-family:monospace;}) into the SVG markup, applying monospace font rendering to all text elements.

Suggested reviewers

• danielroe

🚥 Pre-merge checks | ✅ 4

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately summarizes the main change: adding monospace font styling to embedded charts.
Description check	✅ Passed	The description clearly explains the purpose of the change, references a related issue, and describes the implementation approach.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch embed-chart-font

---

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 and usage tips.}

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ All tests successful. No failed tests found.

📢 Thoughts on this report? Let us know!

[ghostdevv]

Before:	After:

(my monospace font is Comic Mono)

[ghostdevv]

We could also probably load the Geist font in the SVG