Exokim | Logo & Brand Identity Design

Blog

10 amazing online typography tools for graphic designers

Online typography tools for graphic designers.jpg

Typography: one of the most important building blocks in graphic design that helps in visually communicating business values, creating hierarchy and clarity and converting your desired target audience. Also one of the hardest skills to master as a graphic designer. This list will hopefully make for a less stressful design process when it comes to creating, choosing, tweaking, organizing and identifying type.

1. Archetype

Typography tools — Archetype

 

A simple to use tool that helps you make beautiful font combinations, tweak their sizing relationship and spacing and export the results as CSS or as a Sketch file.

archetypeapp.com

2. Wordmark.it

Typography tools — wordmarkit

 

This one is a HYUUUGEâ„¢ time saver and will make you wonder how on Earth could you get along without it. Displays your written word/phrase with all the fonts which are already installed on your computer.

wordmark.it

3. What Font

Typography tools — whatfont

 

A Google Chrome Extension that lets you identify fonts used in a web page in real time. Extremely handy tool, does exactly what it should in a single click.

What font

4. What The Font

Typography tools — whatthefont

 

This one helps out in situations when you only have a raster image of the font you’d like to identify, or find similar fonts to it.

myfonts.com/WhatTheFont/

5. Canva Font Combinations

Typography tools — canva

 

Select a font of your choice and the tool will match it with several aesthetically compatible font pairings accompanied with real-life usage examples.

canva.com/font-combinations/

6. FontStruct

Typography tools — fontstruct

 

A simple and convenient tool to build/share/download your own unique fonts, using a grid system and geometrical shapes.

fontstruct.com

7. Prototypo

Typography tools — prototypo

 

This one takes a different approach at building your font by letting you start with a default font, tweak the typeface parameters and see glyph changes in real time. You can modify parameters both on a single glyph and a group of glyphs.

prototypo.io

8. Tiff

Typography tools — Tiff

 

Use this tool to compare two fonts letter by letter and see their subtle differences. Supports both Google Web Fonts and your system fonts.

tiff.herokuapp.com

9. Kern Type

Typography tools — Kern

 

This one is a game for typography nerds, but it definitely helps in forming a habit to be more conscious about kerning (the spacing between characters in a font). Your goal is to achieve the most balanced kerning possible by grabbing each letter individually, except for the first and the last letter.

type.method.ac

10. Typewar

Typography tools — Typewar

 

Another addictive typography game, it challenges you to guess the font by presenting you with two font choices.

typewar.com

.   .   .

If you like what you read, visit my logo & brand identity design portfolio site, and follow me on Behance, LinkedIn and Instagram.