If you’re a font lover, you probably get a huge kick of looking through the vast swathes of fonts on your computer. There are so many fonts available now it’s easy to download willy-nilly (official graphic design term) and fill up a drive with typefaces. The problem with this, of course, is that it can be difficult to find the right one when you need it. It can be incredibly time-consuming to try out each font on your machine whether you’re using Photoshop, Illustrator or even Microsoft Word. That’s where Wordmark.it becomes part of your design resource toolkit.

Wordmark.it is a free web app which scans your computer and displays text of your choice using your computer’s installed fonts. The text is displayed in a visual grid which makes it easy to see how the text looks in any particular font. The app was created by Fahri Özkaramanlı, a freelance visual communication designer. He created the app to aid in his own design process “by quickly previewing how a wordmark looks with the fonts installed on my computer before setting out to find new ones.” And a very useful tool it is, too.

How Does it Work?

It really couldn’t be simpler to use this app. At the top of the screen, you type in some sample text. Press enter and the app goes off and finds all of the fonts on your computer and displays a grid of previews.


You can reverse the text out to see if it looks better as white text on a black background or black text on a white background. You can also increase and decrease the font sizes, while another very nice feature is the ability to select a few of the previews and compare them with each other.


Ultimately, it is up to you, the designer, to pick the right font for your logo, website or print project, but Wordmark can at least speed up the process considerably.

Have you used Wordmark.it or any similar apps that you would recommend for designers?

Jennifer Farley is a designer, illustrator and design instructor based in Ireland. She writes about design and illustration on her blog at Laughing Lion Design.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.

  • roosevelt

    Superb! Saves the time of going through each font in Photoshop XD

  • http://www.deanclatworthy.com Dean C

    A quick peek at the source code would indicate that this doesn’t “scan” your PC for installed fonts. Rather it iterates through a pre-defined list of fonts and checks to see if they are installed. A useful tool perhaps, but not very useful if you have many custom fonts installed as they won’t be on the list it checks against.

  • Gavin Holmes

    Try the tool http://www.typedna.com have its called fontshaker, uses a cool 3D interface and has live preview and similarity. http://www.typedna.com/fontshaker
    They also have a very cool Font Manager and plugins for Adobe CS.

Learn JavaScript for free!
Free course: Introduction to JavaScript

Yours when you take up a free 14-day SitePoint Premium trial.