Share your repls and programming experiences

← Back to all posts
FontKey
h
Kognise (345)

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.

Closing

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.

Commentshotnewtop
locness3 (13)

Really cool!
Just found one problem : On my samll macBook screen, sometimes things overflow. http://u.cubeupload.com/Locness/Screenshot20190802Me.png

TheImagin33r (21)

the 3 fonts always repeat and there is problem with that
edit: nvm I see why it does that

ArchieMaclean (662)

Nice but sometimes the font gets too large and it cuts off the top of the icons:

ArchieMaclean (662)

@Kognise 👍 I really like it and I think I will be using it in the future... :)

liltaco (64)

Wow! This is such a clean design!

ZaylieRasmussen (2)

Some how it shows up in my creations

lsambrook (286)

@ZaylieRasmussen It's because you modified the source code on the top and repl.it creates a copy of the code made by @Kognise and puts it in your repls.

lsambrook (286)

This is really amazing! It's a dynamic webiste so it's good to see. Also i think that the idea of fontkey is quite original. If i can suggest you something, it's to make a section where we can write what we want and customize it.

Kognise (345)

@lsambrook Thanks for the feedback! I'll add that.

katavie (18)

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"?

Kognise (345)

@katavie Thanks for the feedback! I'll totally do that.

eankeen (796)

looks good! nice work!

Kognise (345)

@eankeen Thanks! Still mad you didn't upvote