Skip to main content

New typography tool lets you compare fonts

Toronto-based designer Mu (opens in new tab) has create a nifty little online app that enables you to compare how letters look in different typefaces.

Tiff (opens in new tab) is described as "a typeface diff tool that visually contrasts the differences between two fonts". When you first open the page, the letters R, g, h and e are being displayed in Helvetica ('Font A'). To change the font, click the blue 'Hide' button (which changes to 'Display') and start typing in the field. A drop-down menu of fonts will appear. Make a selection and the letters below will change accordingly.

To compare with another font, do the same in the 'Font B' field and the two fonts will appear next to each other. You can also change the selection of letters at the bottom of the page. And you can see the fonts close up by clicking on the square.

At this point, Google Web Fonts is the only source of external fonts for Tiff, but Yu is working on including more font sources.

Since the app uses some features only available in HTML5 and CSS3, you're best off opening it in the latest version of either Google Chrome or Mozilla Firefox.

You can follow the project on Github here (opens in new tab).

Liked this? Read these!

Have you found a useful online tool? Let us know about it in the comments below!

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of six full-time members of staff: Editor Kerrie Hughes, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, and Staff Writer Amelia Bamsey, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq. 

Topics