Live font previews on any webpage.

Ever wondered how would a particular font look like on a webpage?
With Snapfont you can.

Snapfont works by swapping fonts on any website and matching them with the existing font weight and style, so you get crystal clear previews for fonts.

With the Pro version you can upload your own font and preview them too. Snapfont recognized font families and groups them together. It also works with variable fonts too.

As Mentioned on

Featured on Product Hunt Featured on CSS Tricks Featured on Web Designer Depot

Pricing

Free

Features
Preview Google fonts

Explore Google fonts library of over 900 fonts and preview them on any page.

Preview local fonts*

*Chrome only

Get Snapfont

Pro

Features

Everything in free +

Upload your own fonts

Upload your own custom typeface or a fully featured font family. Preview and adjust them on any webpage.

Supports variable fonts. Adjust them by their axes on any live webpage.


Currently in private alpha

Try out body and heading fonts

With Snapfont you can test fonts combinations.
So you now know that a particular sans serif looks great as your heading font.

Preview fonts

Take any font from the Google Fonts library or from your locally installed collection for a test drive.

Glyph library

Each font preview comes with a list of character glyphs from the basic latin glpys to eccentric symbol glphs.
As a bonus, Emojis are also included for quick access.

🔍Preview all Google Fonts

With nearly 1000 fonts available, preview any Google font instantly

👶Easy to use

No login businees, just install the extension and start previewing fonts asap.

🌎Works everywhere

Doesn't matter if the website is build on React, Vue or some fancy Javascript framework. Snapfont will work everywhere.

Over 1,500 designers are using Snapfont to choose fonts for their projects.

Download for Chrome Download for Firefox

Available for MS Edge and Brave browsers from the Chrome Webstore.

FAQ

Updates