Graphic Design Web Design

100 Best Typography Tools and Resources

100 Best Typography Tools And Resources
Written by Ahfaz Ahmed

And every time there is something new to learn in typography. So it is very important for a designer to stay updated and learn new things as fast as possible.

Typography is a creative and an innovative art which basically involves typefaces, fonts, line height and other such elements. It is very important to have effective typography design because it draws attention of the people and engages them.

100 Best Typography Tools and Resources

But nowadays we have tools with which we can make our task easier. These tools help us automate our work and thus save a lot of time.

In this post, I have a compiled a HUGE list of 100 Best Typography Tools and resources which will assist you in learning and making your work easy.

Also Read: Beginners Guide to Creating and Promoting Infographics

These tools will enhance your typography but you need to implement these tools very carefully. You can easily navigate through the content with the list of different categories.

Table of Contents:

#1 - Typography Tools #2 - Font Editors #3 - Font Face Converters #4 - Typography Extension Tools #5 - Typography Frameworks #6 - Typography Resources

Typography Tools

1. CSS Typeset

CSS Typeset is an online typography tool which helps designers and developers to style their content and then automatically generate the CSS markup.

100 Best Typography Tools And Resources

2. Flipping Typical

This typography tool will detect and preview the fonts installed on your system with any word or text you want.

100 Best Typography Tools And Resources

3. Font Picker

Font Picker is downloadable typography tools which also helps you browse through the fonts installed on your system. This tool is available for Mac and Windows. You can also use the simple online version.

100 Best Typography Tools And Resources

4. Font Swapper

Font Swapper is an amazing online typography tool which allows users’ to preview different websites with fonts from Webtype.

100 Best Typography Tools And Resources

Enter the URL of the Website and hit go.

100 Best Typography Tools And Resources

The website you entered will be loaded. Then you can change the font and preview the website.

5. Fontifier

This tool lets you use your own handwriting on your computer. You just need to download their sample template sheet and write your characters.

100 Best Typography Tools And Resources

Then you just need to scan the template sheet and save and upload it. Fontifier will then turn your scanned handwriting template into a handwriting font.

And if you want to use your font on your system, then you can simply buy and download the font for just 9$.

6. Fontspiration

With the help of this tool, you can easily create animated typographic masterpieces. You can also share your image and animations on Facebook, Twitter or Instagram.

100 Best Typography Tools And Resources

7. FontStruct

FontStruct sponsored by FontShop is a font builder tool. You can easily create fonts out of geometrical shapes.

100 Best Typography Tools And Resources

Once you’re done building, FontStruct generates high-quality TrueType fonts, ready to use in any Mac or Windows application.

8. Gridlover

This tool basically gives adjustable CSS for font sizes, line heights, and margins.

100 Best Typography Tools And Resources

9. Just My Type

Just My Type is a collection of Font Pairings.

100 Best Typography Tools And Resources

10. The Web Font Combinator

The Web Font Combinator is a typography tool used to preview different font combinations.

100 Best Typography Tools And Resources

11. Tiff

Tiff is a very helpful tool which allows users to contrast the differences between two fonts.

100 Best Typography Tools And Resources

12. Tinytype

This tool shows the state of default system fonts across the most popular platforms.

100 Best Typography Tools And Resources

13. Type Applications

Type Applications offers licensing of online typography tools and resources.

100 Best Typography Tools And Resources

14. Type Genius

This tool will help you choose the perfect font combination for your next project.

100 Best Typography Tools And Resources

15. Type Scale

Type Scale is an online visual calculator.

100 Best Typography Tools And Resources

16. Type.io

We’re revealing designers’ decisions for all to see; peeking under the hood of beautiful websites to find out what fonts they’re using and how they’re using them.

100 Best Typography Tools And Resources

17. Typecast

With this tool, you can check font renderings across different devices, use typefaces that are readable and also use visual controls to change text size, line height and letter spacing.

100 Best Typography Tools And Resources

18. Type-Finder

Type Finder is an online tool for finding reputable typefaces. Ask a set of questions and then navigate a curated library of typefaces.

100 Best Typography Tools And Resources

19. Typeit

If you have the need to type anything in a foreign language which has accents and other strange-looking characters, and you only have a US keyboard, your life used to be miserable.

100 Best Typography Tools And Resources

20. Typetester

This typography tool will let you preview fonts for your web projects.

100 Best Typography Tools And Resources

21. TypeWonder

TypeWonder lets you test web fonts on any website.

100 Best Typography Tools And Resources

22. Web Font Load

Web Font Load is a tool which lets you install Google Fonts on your computer without any hassle.

100 Best Typography Tools And Resources

23. WhatTheFont

WhatTheFont is a tool used to identify fonts.

100 Best Typography Tools And Resources

24. CSSText

CSSText is another CSS Style generator which generates CSS code of a text automatically.

100 Best Typography Tools And Resources

25. CSSType

CSSType lets you preview and modify text with this online application.

100 Best Typography Tools And Resources

26. Designer Plaything

This typography tool lets you experiment different font combinations with colors.

100 Best Typography Tools And Resources

27. EM Calculator

It is a pixel to EM converter.

28. Lettering.js

It is jQuery plugin for radical web typography.

100 Best Typography Tools And Resources

29. Lorem Ipsum

It is Lorem Ipsum text generator. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, making it look like readable English.

100 Best Typography Tools And Resources

30. Modular Scale

The scale is created by starting with a ratio and a number, then multiplied and divided to get many resonant numbers.

100 Best Typography Tools And Resources

31. PX to EM

PX to EM is a pixel to relative EM unit conversion tool.

100 Best Typography Tools And Resources

32. TypeNavigator

TypeNavigator is also a font identifier.

100 Best Typography Tools And Resources

33. Wordle

Wordle is a great online typography tool to generate word cloud from a set of given words.

100 Best Typography Tools And Resources

Font Editors

34. Alphabix

Alphabix is a Windows desktop app for creating, editing and converting bitmap fonts.

100 Best Typography Tools And Resources

35. Altsoft Font Type Master

Altsoft Font Type Master is a Microsoft .NET Framework based software product for editing fonts and converting between different font formats.

100 Best Typography Tools And Resources

36. BirdFont

BirdFont is a free online font editor that lets you create vector graphics and export TTF, EOT & SVG fonts.

100 Best Typography Tools And Resources

37. FontCreator

FontCreator is an amazing tool with which you can edit fonts very easily. Create your own fonts, redesign existing characters, edit the spacing in font sets, and much more.

100 Best Typography Tools And Resources

38. FontForge

FontForge is a free and open source font editor brought to you by a community of fellow type lovers.

100 Best Typography Tools And Resources

39. FontMatrix

Matrix of fonts bundled with Mac and Windows operating systems, Microsoft Office and Adobe Creative Suite.

100 Best Typography Tools And Resources

40. Glyphs

Glyphs is a downloadable tool which uses a smart and simple approach to draw new typefaces, modify existing fonts, and sculpt your letterforms hassle-free.

100 Best Typography Tools And Resources

41. Type 3.2

Type 3.2 is a font editor to create your own fonts.

100 Best Typography Tools And Resources

42. BitFontMaker

It is an online bitmap font editor for Windows & Mac. Test your font creation skills online to get started.

100 Best Typography Tools And Resources

43. Scanahand

This tool allows you to generate fonts without the need to know all of the technical details involved.

100 Best Typography Tools And Resources

Font Face Converters

44. Font Converter

With this online font converter you can convert even exotic font file formats into another format.

100 Best Typography Tools And Resources

45. Font2Web

This font converter tool converts any .ttf (TrueType Font) or .otf (OpenType Font) file to .ttf, .otf, .eot, .woff and .svg files.

100 Best Typography Tools And Resources

46. Online Font Converter

Online font converter has a simple API that is simple to use without any cost.

100 Best Typography Tools And Resources

47. Otf To Ttf Converter

otf to ttf converter is another online font converter that converts otf format font files to ttf files.

100 Best Typography Tools And Resources

48. TTF To EOT Font Converter

Use this tool to convert a TrueType (TTF) font file into an OpenType (EOT) font file, for use with Internet Explorer for embedded fonts.

100 Best Typography Tools And Resources

49. Web Font Generator

This is basically a font generator tool with which you can convert any font into easy to use @font-face webfonts.

100 Best Typography Tools And Resources

Typography Extension Tools

50. FFFFALLBACK

Web fonts are here, sparking an exciting new era in web design. FFFFALLBACK makes it easy to find the perfect fallback fonts, so that your designs degrade gracefully.

100 Best Typography Tools And Resources

51. Font Friend

Font­Friend is a book­marklet for typo­graph­i­cally obsessed web design­ers. It enables rapid check­ing of fonts and font styles directly in the browser with­out edit­ing code and refresh­ing pages, mak­ing it the ideal com­pan­ion for cre­at­ing CSS font stacks.

100 Best Typography Tools And Resources

52. Type-O-Matic

Type-O-Matic is a firefox extension that counts all the fonts on a page. It then orders them by colors.

100 Best Typography Tools And Resources

53. What Font

Using this extension, you can easily find out what font a website is using.

100 Best Typography Tools And Resources

54. Copy Plain Text

You can easily copy text without any formatting using Copy Plain Text plugin.

100 Best Typography Tools And Resources

Typography Frameworks

55. Baseline

Built with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography.

100 Best Typography Tools And Resources

56. Responsable Framework

This framework will allow a very clean responsive grid system for easy typography.

100 Best Typography Tools And Resources

57. Typeplate

Typeplate is a typographic starter kit that defines proper markup with extensible styling for common typographic patterns.

100 Best Typography Tools And Resources

A stripped-down Sass or CSS library of your choosing primarily concerned with the appropriate technical implementation of design patterns—not how they look.

Typography Resources

58. Beautiful Web Type

Beautiful Web Type is a wonderful showcase of best typefaces from the Google Web Fonts directory.

100 Best Typography Tools And Resources

59. BeType

A typography, graphic design, calligraphy and lettering inspiration which will help you choose the best fonts.

100 Best Typography Tools And Resources

60. Butterick’s Practical Typography

It is a book to learn about typography.

100 Best Typography Tools And Resources

61. Combining Fonts

This resource will teach you the four different ways of combining fonts.

100 Best Typography Tools And Resources

62. Discover.Typography

It is a showcase of the best web design inspiration.

100 Best Typography Tools And Resources

63. Fleurs Coiffeur Liqueur

Fleurs Coiffeur Liqueur is another inspiration gallery for typography lovers.

100 Best Typography Tools And Resources

64. Font Deck

Fontdeck is a great web solution to preview web fonts on your website.

100 Best Typography Tools And Resources

65. Fonts In Use

Fonts In Use is a searchable archive for web fonts indexed by typeface.

100 Best Typography Tools And Resources

66. Fonts.Com

Learn about type from web, print and mobile using this resource.

100 Best Typography Tools And Resources

67. Friends Of Type

Friends of Type features typographic design.

100 Best Typography Tools And Resources

68. From Up North

From Up North is a great inspiration gallery for typography designers.

100 Best Typography Tools And Resources

69. Google Fonts

With over 650 font families, Google Fonts is a very useful resource to use web fonts.

100 Best Typography Tools And Resources

70. I Love Typography

If you want to create your own typeface, then this is a very helpful place for you.

100 Best Typography Tools And Resources

71. Idsgn Typography

Idsgn typography is a typography design blog to learn more about typography.

100 Best Typography Tools And Resources

72. Incredible Types

It is a collection of magnificent typography from around the world.

100 Best Typography Tools And Resources

73. Lettering Versus Calligraphy

It is a daily lettering and calligraphy inspiration.

100 Best Typography Tools And Resources

74. My Fonts

My Font is a great resource for fonts for print, web and screens. It also has a huge collection of fonts.

100 Best Typography Tools And Resources

75. The Font Feed

It is a daily dispatch of inspirational examples of typography, recommended fonts and different typography techniques.

100 Best Typography Tools And Resources

76. The Daily Type

It is the biggest collection for typography pictures.

100 Best Typography Tools and Resources

77. Type Everything

Typeverything is a design magazine focused on typography, founded by ROBU Studio.

100 Best Typography Tools and Resources

78. Type Inspire

Type Inspire is a typography inspiration and design gallery.

100 Best Typography Tools and Resources

79. Type Slab

Using Type Slab, you can create amazing typographic posters.

100 Best Typography Tools and Resources

80. Typedia

Typedia is a share encyclopedia to classify, categorize and connect typefaces.

100 Best Typography Tools and Resources

81. Typeforyou

Typeforyou is a very helpful blog on typography bringing news and interviews from around the web.

100 Best Typography Tools and Resources

82. Typekit

Typekit offers a library of fonts which can be used on the web. It is a subscription font service that brings thousands of fonts from foundry partners into one library for quick browsing, easy use on the web or in applications, and endless typographic inspiration.

100 Best Typography Tools and Resources

83. Typewolf 

Typewolf is a great place to choose the perfect font for your next projects as they provide helpful learning resources and recommendations.

100 Best Typography Tools and Resources

84. Typo/Graphic Posters

Typo/Graphic Posters is a platform to share and inspire typographic posters and designs.

100 Best Typography Tools and Resources

85. Typographica

Typographica is a review of typefaces and type books including commentary on fonts and typographic design.

100 Best Typography Tools and Resources

86. Typography Deconstructed

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

100 Best Typography Tools and Resources

87. Typography Served

Typography Served features curated work from leading creatives on Behance.

100 Best Typography Tools and Resources

88. Web Type

Web Type provides fonts for online typography and typefaces which were designed from scratch.

100 Best Typography Tools and Resources

89. Identi Font

Identifont is the largest independent directory of typefaces on the Internet.

100 Best Typography Tools and Resources

90. Thinking with Type

Thinking with Type features guidelines and recommendations on everything from kerning, type classification and hierarchy, editing and proofreading.

100 Best Typography Tools and Resources

91. TypoFile Forum

It is one of the best forums on typography where you can ask questions and learn very useful information.

92. Typography Insight

It is a toolkit to learning and teaching typefaces.

100 Best Typography Tools and Resources

93. TypeDrawers

TypeDrawers similar to Typofile is a discussion forum for typography professionals and enthusiasts.

100 Best Typography Tools and Resources

94. Typography Daily

It is a typography inspiration gallery.

100 Best Typography Tools and Resources

95. Reddit Typography

The subreddit typography is a great place to learn new things about typography, ask questions to professionals and showcase your typography design.

96. Typography on Behance

You can also find amazing typography inspiration and design galleries on lettering and typeface on Behance.

100 Best Typography Tools and Resources

97. Typography on Pinterest

Pinterest is also a great resource to explore new typography design.

100 Best Typography Tools and Resources

98. Typoguide

Typoguide is a pocket guide to master every day’s typographic adventures.

100 Best Typography Tools and Resources

99. Professional Web Typography

It is a free online book that covers the fundamentals of web typography.

100 Best Typography Tools and Resources

100. Typography on Dribble

Last but not the least you can get amazing ideas and inspiration on Dribble.

100 Best Typography Tools and Resources

So these were the best 100 typography tools and resources which will help you develop your typography skills by learning new things and getting creative ideas.

Did I miss something?

If there is any other tool or resource which you want to add to this list, then feel free to share it here with us.

And if this resource list helped you then do share it and help others too.

 

 

About the author

Ahfaz Ahmed

Ahfaz Ahmed is a young entrepreneur who loves to write on various topics related to Graphic and Web Design. He has worked on many blogs and also works as a Freelancer. Apart from blogging, he is also a graphic designer and a web developer.

2 Comments

Leave a Comment