feat(app): unify default fonts across platforms

[murongg]

Summary

• bundle Noto Sans SC Variable for shared app chrome and default/Minimal editor typography
• route CodeMirror chrome and selected-font fallbacks through the shared --font-ui token
• preserve explicit typography overrides for Gothic, Newsprint, Pixyll, and Academic themes, along with monospace code surfaces
• update the design system documentation and focused regression coverage

Why

The previous system font stack resolved to different typefaces on macOS, Windows, and Linux. Shipping one variable font gives the app and default editor a consistent cross-platform typographic baseline while keeping theme-specific and user-selected editor fonts intact.

Validation

• corepack pnpm --filter @markra/app exec vitest run src/styles.test.ts src/lib/editor-font.test.ts — 60 tests passed
• corepack pnpm --filter @markra/editor exec vitest run --environment jsdom --globals src/codemirror/code-block.test.ts src/codemirror/frontmatter-preview.test.ts — 35 tests passed
• corepack pnpm --filter @markra/desktop build — passed, including vendor chunk verification
• corepack pnpm --filter @markra/web build — passed
• local Web preview confirmed matching computed fonts for the root UI, app body, Markdown paper, and CodeMirror editor, with no console errors

Risk

• production builds gain approximately 4.7 MB of WOFF2 font assets; the font CSS uses Unicode ranges so clients load the glyph subsets they need
• native operating-system menus continue to use the host system font

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
markra-web	Ready	Preview, Comment	Jul 26, 2026 12:21pm