Fix #10: Pick much, much better fonts

[github-actions]

Closes #10

Demo

Demo

Summary

Replaced the monospace SF Mono font with an elegant serif font stack (Charter, Georgia, Cambria) for the editor body text, creating a much more refined and aesthetically pleasing note-taking experience. The title now uses SF Pro Display with optimized weight and letter-spacing. All typography has been carefully tuned with improved letter-spacing, line-height, and weight values for maximum readability and visual appeal in both light and dark modes.

Before & After

Before	After
Monospace SF Mono throughout - coding-focused aesthetic	Elegant serif body (Charter/Georgia) with refined sans-serif title

Dark Mode Before	Dark Mode After
Monospace in dark mode	Beautiful serif in dark mode with excellent contrast

Files Changed

• src/components/Editor.tsx: Updated editor font stack to elegant serif fonts (Charter, Georgia, Cambria), increased base size to 19px, refined line-height to 1.65, added negative letter-spacing for tighter elegant feel
• src/components/Editor.css: Enhanced first-line title with SF Pro Display at 1.75em and bold weight, added size/spacing differentiation for heading levels (H1/H2/H3), improved bold/italic letter-spacing, refined blockquote opacity
• src/index.css: Updated body font to SF Pro Text for UI consistency

Adjustment Made

Re-recorded the demo GIF with fresh video capture. The demo continues to showcase the comprehensive typography improvements including headings, body text, emphasis, lists, blockquotes, and theme switching in both light and dark modes.

---

🤖 Generated with Claude Code

[cjbest]

@claude re-do the demo please to show a bit more

[cjbest]

@claude please re-record the demo GIF