feat: support custom fonts

[rgodha24]

I added custom fonts support

it supports any latin fonts from fontsource.

because radix-themes doesn't have a combobox, it's just in a giant <Select>. You can just type in the name of the font from fontsource and it searches through the select for you.
we could change it to use this ariakit example, but that's another dep and I wasn't sure if you'd be fine with that.

[vercel]

@rgodha24 is attempting to deploy a commit to the Tom Labs Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
ogstudio	✅ Ready (Inspect)	Visit Preview	Sep 1, 2024 7:25am

[QuiiBz]

Thanks for the PR! I'm not quite sure to understand what "Installed fonts" mean, you could provide more details?

We'll need some virtualized list too, opening the font dropdown is currently freezing the tab for ~500ms on a high-end MacBook:

We should also consider lazy-loading the fonts files themselves, instead of triggering +1500 requests to jsdelivr when opening the dropdown.

Typecheck, eslint and some tests are failing, could you take a look at those?

[rgodha24]

Yeah so the way I implemented it is that the installed fonts were supposed to be the only ones loaded from the cdn. I completely forgot that virtualization was needed, and was too lazy to check why my computer lagged out while running it.

I think the theoretically correct UI for this would look like this, where the "+" button opens a searchbox with maybe just 5 entries.

I'll update the ui and fix the tests/typechecking after this class :)

[rgodha24]

output.mp4

this seems better lol

[rgodha24]

I kinda hate being that guy, but the CI is working on my machine. I have no clue why its failing on GH actions. I even did a fresh install of my node_modules with the pnpm store cleaned.

[QuiiBz]

I kinda hate being that guy, but the CI is working on my machine. I have no clue why its failing on GH actions. I even did a fresh install of my node_modules with the pnpm store cleaned.

Had the same issue on my two PRs this morning, so it's not you. It was working fine 3 months ago so not sure what's going on yet, will take a look.

[QuiiBz]

Fixed the issues in #100, you can rebase

[rgodha24]

git is hard but I think it should be good now

[QuiiBz]

Pushed a few refactors & design tweaks (less gap, "pre-installed" tag for default fonts):

Thanks a lot for this PR!