[Features proposal] Self hosted font collection

[oleole39]

Hello, thanks, that's an interesting tool!

Could we imagine in addition to the ability to open fonts on the client side a way to manage a self-hosted fonts collection as an alternative to websites such as https://www.1001fonts.com or https://www.fontsquirrel.com ?

• Can be done without database:
  • a search box that would look into a local directory on the server side
  • add a download button for fonts hosted on the server near each font preview
• Would require some kind of database:
  • add tags support to allow creation of subcollections (e.g. "sans-serif", "project ABC", etc.)
  • add user account support to allow each user manage its own collection
  • upload form (related to user account) to send fonts on the server either by font file or zip archive for bulk transfer (can we make sure uploaded files are not malware?)

[markrai]

@oleole39 - I just separated out the monolith index.html to its separate parts. A step in the direction to expand it :)

I added some additional features, and took care not to break any of your functionality.

Please take a second look when you get a chance, in case, I missed anything, although it seems to work well.

[oleole39]

@oleole39 - I just separated out the monolith index.html to its separate parts. A step in the direction to expand it :)

Good move!

Please take a second look when you get a chance, in case, I missed anything

Everything looks functional to me as well for those features (I've just opened a distinct issue for questions about color pickers)! But If we wanna go in the details, I notice that css property margin: 0 10px; got added for label[for="fontSize"]. As a matter of personal taste I find it a bit surprising (I'd rather have the figure closer to the unit select box so that they look grouped) but that's no big deal... Whatever the design choice, I would nevertheless advocate against using 2 properties (width + margin) working on the same thing without apparent necessity - you may only change the width size to a higher value (noting that it should be at least 3ch, i.e. 3-figure long to avoid UX scrambling when zooming from 1-digit figure to 3-digit figure), and leave margin to its default value (0).