Typography Fixes

[julhoang]

Issues

1. Align V3 font-weight with Figma Typography Guidelines #2299
2. Learn Card issues: incorrect link spacing, missing image, and CTA text mismatch #2302
3. Dependencies Card issues: incorrect border styling, hover text color, typography mismatches and tag spacing #2309
4. Testimonial Card issues- typography inconsistencies, incorrect capitalization, and smaller carousel controls #2311
5. Thread Archive Card- typography mismatches, incorrect capitalization, and missing image border radius #2313
6. Vertical Layout Card issues: incorrect typography and text color inconsistencies #2315
7. Mailing List Card issues: typography inconsistencies and incorrect text styling #2316
8. Markdown Card: typography inconsistencies and incorrect text styling #2317
9. Poster Filter - Typography issue #2322
10. Library Filter - Typography issues #2324
11. Achievements Card- Incorrect letter spacing and smaller badge size #2330
12. Content Detail Card- Typography issue #2331
13. Install Card issues: typography mismatches, incorrect tab color, and command area styling #2332
14. Code Blocks issues: typography mismatches in code content and supporting text #2334
15. Dialog- Typography issue #2336
16. Contributors List- Typography issue #2338
17. Basic Card issues- Typography mismatch and incorrect text colors in dark mode #2340
18. Horizontal Card- Typography issue #2341
19. Library Intro Card- Typography Issues #2380

Summary & Context

Aligns V3 typography with the Brands Foundation: trims Mona Sans VF and Monaspace to the supported weight/stretch ranges, removes the unused Space Mono typeface, drops legacy font-family fallback values, and applies letter-spacing / line-height / color fixes flagged from Component Staging Audit.

• Link to components/page: http://localhost:8000/v3/demo/components/

Changes

• Align Mona Sans VF and Monaspace font-face declarations with the design system in fonts.css
• Remove unused Space Mono typeface (font files, @font-face blocks, and references in typography.css)
• Remove fallback values from font-family declarations across V3 styles
• Apply typography review fixes across V3 components
• Fixed the missing whitespace in some dependencies mentioned in Dependency Card by querying the dependency's name (white-space preserved) instead of display_name_short.

Risks & Considerations

• The changes to the global font-stretch will cause all V3 pages to look different than before, which is expected, otherwise all of the changes should be low risk.

Screenshots

Too many changes! Please compare http://localhost:8000/v3/demo/components/ and https://www.cppal-dev.boost.org/v3/demo/components/ side-by-side for before/after comparison.

Self-review Checklist

• Link this PR to the related GitHub Project ticket

Frontend

• UI implementation matches Figma design
• Tested in light and dark mode
• Responsive / mobile verified
• Accessibility checked (keyboard navigation, etc.)
• Ensure design tokens are used for colors, spacing, typography, etc. – No hardcoded values
• Test without JavaScript (if applicable)
• No console errors or warnings

[herzog0]

Amazing! Looks great to me, thanks @julhoang

[kattyode]

QA Approved