With hundreds of web fonts available for free use, designers are constantly searching around for the best option. Comparison shopping is easy when the price is free!
Web design is largely based on typography and the typeface plays a big role. So how can you tell when individual typefaces look good together? Is there any simple method of comparing ideas before drafting a full mockup?
Actually Webfont Test was launched for this exact reason. You can easily compare any Google Fonts or system fonts to see how they stack up at different sizes, alignments, and styles.
If you own the rights to any local fonts you can also upload those directly to the webapp for testing. This in theory allows you to test any font against anything you like!
The app is completely free and offers a tremendous number of fonts to choose from. You can look at each typeface on a grid to look over the smallest minutiae, or study how it looks in block paragraphs.
If you’re a Google Chrome user then check out the Webfont Test extension. It’s also completely free and runs natively in your browser.
Best of all the webapp is completely open source on GitHub if you want to checkout the code or make alterations. But even novice designers/developers can learn a lot by comparing & contrasting font choices before diving into a new project.
Leave a Reply