Hi! I've spent the past few days working on my submission, FontKey. I aimed to create something that both satisfies the requirements and is a useful tool people might use day-to-day.
Let's get to the meat. What does it do? Simple, FontKey helps you find new fonts. If you've heard of Roboto, Open Sans, Lato, and Montserrat, you'll know that these fonts are at the top. And the sad thing is, most websites keep using them.
When you press space, FontKey will pick a new font for you. You can try out font pairs and if you like one side of a pair you can lock it in place. But it does much more than that! You can preview your fonts in realistic layouts, and if you want to collaborate with someone else just click a button to get a sharing link. For example, here's one! You can also get code for your site in a click.
What else? Well, I made a cheesy promo video. You know - bouncy background music, lots of editing. Click here or watch it on the site.
Finally, there's auto mode. It'll automatically switch fonts in a fullscreen page every 5 seconds. It's there because it looks cool - and would make a nice screensaver.
First and foremost, here's a link to FontKey. It's probably at the bottom too.
I'd appreciate any feedback! I'm thinking I might eventually launch this on Product Hunt as well.
This is really useful and well-designed! It took me a few seconds to realize that I was supposed to hit space to see new fonts and that the right side was a preview, but once I did, it was super intuitive. Maybe bold the "press space" instruction and add a small header on the right saying "Preview"?
Nice but sometimes the font gets too large and it cuts off the top of the icons:
This file cannot be displayed: https://storage.googleapis.com/replit/images/1560928533856_b18ef479f978640c2f8561059a48bc23.pn