Snapfont

Browser extension

Visit Website
March 19, 2020 Snapfont v0.6.1

Snapfont has now been updated to 0.6.1
This update adds:

  • A font preview page. From here, you can preview different font weights and style. Also preview eccentric glyphs and symbols.
  • Heaps of UI/UX changes. Browsing fonts is much easier and simpler.
  • Fixed some bugs.

Stats wise, I made over $100 from Gumroad. Pretty decent considering its a pay-what-you-want model.
Also, over 700 users have signed up for Snapfont till date.

Go check it out at getsnapfont.com

Comment

March 3, 2020 Ready for a softlaunch

https://getsnapfont.com/

I've prepped up the getsnapfont.com website and gonna work on marketing it. Currently it's available for free but you'll still signup via Gumroad to get the license key.

I think this is a good compromise for people who want to try it out but not pay for it yet as it is still in beta.

Apart from that, the plugin is looking quite robust and I'll be adding in new features over the next few months.

Comment

December 19, 2019 Snapfont development nearly done

So for the last 2 months, I've been working on Snapfont. Here's my observation:

  • The initial prototype was quickly done in about 2 weeks. It was functional and worked as intended.
  • For the next 2-3 weeks, I collected UI/UX feedback and redesigned the app.
  • A lot of time went into building the licensing stuff around the app. This was a big deal. The auth flow was done with the help of Gumroad.
  • Recently, Google made it harder to publish apps with wide permission settings. So if you're app is demanding a lot of permissions, Google will take around 2-3 weeks to review your app after which it will be released in the store. This is a big deal.

Funny how I was optimistic this will be launched in about a month, while the reality is quite the opposite.

Comment

November 4, 2019 Came up with an idea

So I use a browser extension to quickly see how a particular google font would look like on a live website.
I do this cause just trying out fonts in a text area isn't enough. It's only when a font is applied to the actual design that a lot of things become clear. Like how font weights and styles affect the overall design, how crisp does the font looks like on windows, how does it look on mobile displays, etc.

The extension that I was using wasn't very good but I kept using it until I decided this is not working out and I need to use a better extension to preview fonts. So I tried a few other but they were either missing a few critical features or were extremely clunky UI wise or were unmaintained.

So I decided to make my own browser extension to preview fonts.
For this project, I used the vue ui to scaffold the extension. For the frontend I used bootstrap-vue.

Comment

About

Previewing fonts on a live website isn't easy. There are different browser extensions via which you can do that but they are all either lacking in features or are unmaintained or both.