Skip to content
← Back to Community
FontKey
Profile icon
h
has Hacker Plan
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.

FontKey: A modern way of finding fonts.

Voters
Profile icon
j0ba
Profile icon
LeoXu2
Profile icon
PowerCoder
Profile icon
tgz
Profile icon
adityakhanna
Profile icon
firefish
Profile icon
locness3
Profile icon
KrishnaRamrakha
Profile icon
EthanHorowitz
Profile icon
timmy_i_chen
Comments
hotnewtop
Profile icon
locness3

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

Profile icon
TheImagin33r

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

Profile icon
ArchieMaclean

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

Profile icon
Kognise

@ArchieMaclean Thanks for the tip!

Profile icon
ArchieMaclean

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

Profile icon
ArchieMaclean

Oof.

This file cannot be displayed: https://storage.googleapis.com/replit/images/1560928408803_766ee381db8c0358602a73c20d991a36.pn

Profile icon
MarkBobb
Profile icon
liltaco

Wow! This is such a clean design!

Profile icon
Kognise

@liltaco Thank you!

Profile icon
ZaylieRasmussen

Some how it shows up in my creations

Profile icon
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.

Profile icon
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.

Profile icon
Kognise

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

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

Profile icon
Kognise

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

Profile icon
mat1

epic

Profile icon
heyitsmarcus

Love it!

Profile icon
Kognise

@heyitsmarcus Yayyy :)

Profile icon
TheDrone7

@leon332157 pls say it.

Profile icon
Kognise

@TheDrone7 Say WHAT?

Profile icon
hyperupcall

looks good! nice work!

Profile icon
Kognise

@eankeen Thanks! Still mad you didn't upvote