30 Excellent Typography Tools and Resources for Designers

freebies 2541 Comments

Typography is the foundation of design on the web. More than just a font, typographic art has become a movement on the online world. From creation of new lettering to the use of those fonts on website design to more clearly altered context or providing visual appeal, you can’t get away from it. CSS makes it easier than ever to manipulate and utilize typography for your web designs.

Recommended: Download Free Fonts(in .TTF format)

Here is a collection of 30+ useful typography related tools and resources to use in your design works. Also don't forget to share your favorite tools and recommendations with us.

Top Typography Tools and Resources

1. Typography Design and Inspiration

typography design and inspiration | typeinspire

TypeInspire - A Typography Gallery

2. Friends Of Type

friends of type

Friends of Type is a type & lettering sketchblog by Erik Marinovich, Aaron Carambula, Jason Wong, and Dennis Payongayong, and their guests.

3. Fontifier - Your Own Handwriting on Your Computer!

fontifier - your own handwriting on your computer!

Create your own handwriting on your computer!

4. Typographica

typographica. type reviews, books, commentary.

Review of typefaces and typography books, with occasional commentary on fonts and typographic design.

5. Webtype Font Swapper

webtype font swapper - preview how websites will look with fonts from webtype

Preview how websites will look with fonts from webtype.

6. Typography - From Up North

typography | from up north

7. Css Type Set

css type set

CSS Type Set is a hands-on typography tool allowing designers and developers to interactively test and learn how to style their web content.

8. Flipping Typical

flipping typical

A typography tool, type in the word you want to see and instantly view it set in the typefaces on your computer

9. Typo/Graphic Posters

typo/graphic posters

A platform for inspiration and promotion of good design through poster culture and the pure forms of graphic design.

10. Typedia

typedia: a shared encyclopedia of typefaces

A Shared Encyclopedia Of Typefaces.

11. Typography & Quotes

typography & quotes

Everything about typography and quotes beautiful displayed.

12. Typekit


13. Typography Posters

typography posters

Typography Deconstructed is a resource for designers, graphic artists and type enthusiast which provides helpful posters and other materials

14. Fonts.com


Fonts.com provides the biggest and best selection of high quality desktop and web fonts. Try, buy and download classics like Helvetica, Univers, Frutiger, Trade Gothic and Avenir along with popular new fonts like Soho and Neo. Find your type!

15. Typecast

home | design in the browser with web fonts and real content — typecast

A browser-based app for creating beautiful, realistic and consistent designs based on typography.

16. Myfonts

whatthefont! « myfonts

MyFonts is the #1 place to download great @font-face webfonts and desktop fonts: classics (Baskerville, Futura, Garamond) alongside hot new fonts (Nanami, Brand, Clavo).

17. Thinking With Type

thinking with type | home

Thinking with Type: A Critical Guide for Designers, Writers, Editors, & Students.

18. Showcase | Incredible Types

showcase | incredible types

Incredible Types is a curated collection and showcase of outstanding typography and design from around the world.

19. Typetester – Compare Fonts for the Screen

typetester – compare fonts for the screen

The Typetester is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier.

20. Lettering.js

lettering.js - a jquery plugin for radical web typography.

A Jquery Plugin for Radical Web Typography.

21. I Love Typography

fonts, typefaces and all things typographical — i love typography (ilt)

The fonts and typography blog. Typographic design, typeface reviews, interviews, free fonts, and graphic design.

22. Google Fonts

google fonts

23. Fontdeck Web Fonts

fontdeck web fonts: real fonts for your website

Real Fonts for Your Website.

24. Typography Served

typography served :: gallery

Typography Served features top work in categories such as typeface design, lettering, illustrated typography, or any piece with a strong typographic treatment.

25. Typeit

typeit - type accent marks, diacritics and foreign letters online

Type Accent Marks, Diacritics and Foreign Letters Online.

26. Font Picker - a Simple Font App That Helps You Find the Right Font for the Job.

font picker - a simple font app that helps you find the right font for the job

27. The Fontfeed

the fontfeed | fonts, typography, lettering, design

28. Pxtoem.Com: Px To Em Conversion Made Simple

pxtoem.com: px to em conversion made simple.

One-click PX/EM/%/PT conversion tables, a custom conversion calculator, gnd generated reset CSS.

29. The Web Font Combinator

the web font combinator | a web typography tool

A Web Typography Tool.

30. Fonts in Use

fonts in use – type at work in the real world.

A searchable archive of typographic design, indexed by typeface, format, and industry.

You are most welcome to suggest any additions to this list. You can use the comments box below to make any suggestions.

themeforest banner
elegant themes banner

Related Articles:

You may be interested in:

This post was written by a guest contributor. If you are interested in contributing a guest post, check out these submission guidelines for more details.

Would you like to contribute to this site? Get started »
Rate this article:
(5.0 rating from 1 votes)