[WIP] Fix fonts not loading in font switch menu

[Copilot]

Fix: Add @font-face declarations for custom web fonts

Problem

Custom web fonts (Nunito, Cascadia Code, Comic Shanns, Excalifont, etc.) are listed in the font menu but don't actually load. They fall back to generic font families because the font files in /public are not loaded via @font-face CSS declarations.

Solution Plan

• Identify the issue - missing @font-face declarations for custom fonts
• Create a new CSS file with @font-face declarations for all custom fonts in /public
• Import the font CSS file in the appropriate location
• Test that custom fonts now load properly
• Build and verify the fix works in production

Technical Details

• Font files exist in /public/ directories: Assistant, Cascadia, ComicShanns, Excalifont, Liberation, Lilita, Nunito, Virgil, Xiaolai
• Need to add @font-face declarations pointing to these font files
• System fonts (Arial, Comic Sans MS, etc.) already work as they're pre-installed

Original prompt

---

This section details on the original issue you should resolve

<issue_title>[BUG] - FONTS NOT LOADING</issue_title>
<issue_description>Describe the bug
Some fonts added to the component, and shown inside the font switch menu don't exist, or aren't available to use, because the font reverts back to default

To Reproduce
Steps to reproduce the behavior:

1. Go to font menu
2. click on comic sans or other font
3. possibility don't doesn't load, and it falls back

Expected behavior
Typing in comic sans

Platform
HP windows laptop (win 11), chrome, latest</issue_description>

Comments on the Issue (you are @copilot in this section)

Fixes #32

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.