DEV Community

Cover image for Previewing and comparing fonts side-by-side directly on your website?
Paul
Paul

Posted on

6 3 2 1

Previewing and comparing fonts side-by-side directly on your website?

Hey all,

Happy new year!

If you have been following me, you'd know that I have been working on a typography extension that allows you to preview your fonts live for sometime now.

Considering 80% of the website is just text, how you present your texts matters quite a lot.

Recently I decided to add and test a new feature called "multi-font compare" that allows you to see your website in multiple different fonts and compare them side by side, allowing you to copy the code for the one you like easily.

here's a demo on youtube (start at 0:19):

You can try it out yourself here (PS: use desktop version to view this pls)

The link to extension

let me know what you guys think of this new feature :)

Top comments (3)

Collapse
 
kurealnum profile image
Oscar

Pretty cool! Do you have any plans to add it to the Firefox addons store?

Collapse
 
paul_freeman profile image
Paul

Hey, yes it's on the roadmap,

Collapse
 
kurealnum profile image
Oscar

Awesome, I'll add it once it's on Firefox.

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay