Share your repls and programming experiences

← Back to all posts
FontKey
h
Kognise

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.

Voters
LeoXu2
PowerCoder
tgz
adityakhanna
firefish
locness3
KrishnaRamrakha
EthanHorowitz
timmy_i_chen
katyadee
Comments
hotnewtop
lsambrook

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

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

katavie

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

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

liltaco

Wow! This is such a clean design!

Kognise

@liltaco Thank you!

mat1

epic

heyitsmarcus

Love it!

Kognise

@heyitsmarcus Yayyy :)

eankeen

looks good! nice work!

Kognise

@eankeen Thanks! Still mad you didn't upvote

locness3

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

TheImagin33r

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

ArchieMaclean

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

https://storage.googleapis.com/replit/images/1560928533856_b18ef479f978640c2f8561059a48bc23.pn

Kognise

@ArchieMaclean Thanks for the tip!

ArchieMaclean

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

ArchieMaclean

Oof.

https://storage.googleapis.com/replit/images/1560928408803_766ee381db8c0358602a73c20d991a36.pn

MarkBobb
ZaylieRasmussen

Some how it shows up in my creations

lsambrook

@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.

TheDrone7

@leon332157 pls say it.

Kognise

@TheDrone7 Say WHAT?