Ultimate List of 32 Font And Typography Tools

Posted in Fonts, Freebies, Tools, Web Design5 years ago • Written by 31 Comments

title-font-toolboxToday I wanted to collect ultimate list of font and typographic related online tools available on Internet. There are tools for You to create Your own fonts, find unknown fonts just by selecting text or submitting image, siFR tools and resources, few Firefox plugins and several more CSS related online resources to help your web development process.

Also I’ve found several communities where You can ask typographic related questions or just find people like you, just check out those tools and make easier development process.

1.TypeTester

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. As the new fonts are bundled into operating systems, the list of the common fonts will be updated.

typetester-font-toolbox

2.IdentiFont

Identifont is the largest independent directory of typefaces on the Internet. It provides a range of features to help you locate fonts or find information about fonts:

  • Find fonts by appearance
  • Find fonts by name
  • Find fonts by similarity
  • Find picture and symbol fonts
  • Find designers and publishers

identifont-font-toolbox

3.WhatTheFont (MyFonts)

Seen a font in use and want to know what it is?

Submit an image to WhatTheFont to find the closest matches in our database. Or, let cloak-draped font enthusiasts lend a hand in the WhatTheFont Forum.

whatthefont-font-toolbox

4. Typophile Forum

One of the best typographic related forums, where you can found very useful information, ask Your questions and find experienced people in related sphere.

typohile-font-toolbox

5. TypeNavigator

Read description in the self explainnig image below.

typenavigator-font-toolbox

6. Better CSS Font Stacks

Great font stacks for Your CSS stylesheets, You can download all in one in 22 page *.pdf document.

better-font-stacks-toolbox

7. CSS Type Set

Create Your CSS stylesheet online without knowing any coding.

csstypeset-font-toolbox

8. FontMatrix

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

fontmatrix-font-toolbox

9. Microsoft Typograhpy : Fonts And Products

Self explaining image below. Pretty useful in some cases.

microsoft-font-by-profuct-toolbox

10. HTML-Ipsum

Little website by Chris Soyier with one useful feature – with demo Ipsum text already in HTML tags. Just click on the titles to copy text to clipboard.

html-ipsum-font-toolbox

11. TypeChart

Typechart lets you flip through, preview and compare web typography while retrieving the CSS.

* Browse typographic styles. (See “anatomy of a style” below)

* Download CSS. { 1 }

* Compare Windows (ClearType) rendering { 3 } with Apple font rendering { 2 }

* Each style corresponds with a “style ID” { 4 }, which allows you to annotate prototypes and retrieve the css while coding.

Extremely useful tool, can play for hours.

typechart-font-toolbox

12. Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for ‘lorem ipsum’ will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

lorem-ipsum-font-toolbox

13. PXtoEM

PX to EM conversion made simple. Easily convert pixels to em to percent to points with this online tool.

pxtoem-font-toolbox

14. The TTFTitles WordPress Plugin

This plugin lets you use images to replace the titles of your posts, thus circumventing the problem of guessing what fonts your end-users might have installed.

ttftitles-wordpress-plugin

15. EM Calcurator

Em Calculator is a small JavaScript tool which helps making scalable and accessible CSS design. It converts size in pixels to relative em units, which are based on a text size.

em-calculator

16. CSSType – Web Safe Typography on Screen for Pixel Perfectionists

CSSType lets you preview and modify text with this online application. It allows to modify text, font, color, size, background, word-spacing, padding, line height, text indent, letter spacing, text align. Finally you can get and generate CSS output for use.

csstype-font-toolbox

17. Font Burner

Font Burner is a website enhancement tool that makes it easy for you to add new fonts to your website. Websites are basically limited to the default fonts that come with all computers. That’s because a user must have the fonts installed on their computer in order to have it show up in their browser. Font Burner bypasses this limitation with our archive of fonts that work universally in all browsers and on all computers. By adding a simple block of code to your web pages you can transform your headlines from boring system fonts to any of the quality fonts found here at Font Burner!

font-burner-toolbox

18. Convert TrueType Font To Sifr Flash File

Upload True Type font and receive it as sifr flash file on Your email.

convert-truetype-font-to-sifr-flash-file

Another choice is this website and article -

sIFR 2.0: Rich Accessible Typography for the Masses

19. Baseline Rhythm Calculator

Just type in base font size and base line height, hit button “calculate” and whole page will change according to your input. When you are satisfied, grab generated CSS file.

baseline-rhythm-calculator

20. STC Font Browser

This flash application will allow to quickly preview the fonts active on your system.

stc-font-browser

21. Fontifier

Fontifier lets you use your own handwriting for the text you write on your computer.It turns a scanned sample of your handwriting into a handwriting font that you can usein your word processor or graphics program, just like regular fonts such as Helvetica.

fontifier-font-finder

22. FontStruct

FontStruct is a free font-building tool brought to you by the world’s leading retailer of digital type, FontShop.

FontStruct lets you quickly and easily create fonts constructed out of geometrical shapes, which are arranged in a grid pattern, like tiles or bricks.

Once you’re done building, FontStruct generates high-quality TrueType fonts, ready to use in any Mac or Windows application, pretty great isn’t?

fontsruct-font-toolbox

23. BitFontMaker

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


bit-font-maker-toolbox

24. Flipping Typical

Flipping typical is a way to explore the popular typefaces you have on your computer. If You want to see another font that’s not there – just click the font name in the black bar at the top of the screen, type in the name of a font, it will become the main font and will be remembered for the future.

flipping-typical-font-toolbox

25. Font Tester

Font Tester is a free online font comparison tool. It allows you to easily preview and compare different fonts side by side with various CSS font styles applied to them. It is very useful for web developers who are looking for just the right font/style/color to use in their pages. To use it all you have to do is simply enter the text you would like to preview, modify the various CSS properties until you find a style you like, and then click on the Get CSS Code button to generate all the necassary CSS code to reproduce those styles in your webpage.

font-tester-toolbox

26. CSSTXT : Creates A Style

CSS Style generator with text with advanced properties – generate css file without knowing any coding.

csstxt-creates-a-style-font-toolbox

27. Font Picker

This simple tool shows you all the fonts installed on your computer and helps you choose which one is most suitable for a particular project.

font-picker-font-toolbox

28. Linotyle Font Finder

If you have a restricted set of letters, such as in a logo or heading, enter them below.

You will then only be asked questions that can be answered from the letters you specified.

linotype-font-finder-toolbox

29. abcTajpu 1.6.5 Firefox, Thunderbird Plugin

Type in accented letters, international characters or symbols into Firefox or Thunderbird, either simply by using a context menu (there being support for many languages), or quickly by keyboard macro (you can even define your own).

abctajpu-font-toolbox

30. FontFinder

Get all CSS styles of selected text in Firefox / Thunderbird.

fontfinder-font-toolbox

31. Copy Plain Text – Copies text without formatting

Have you ever copied something to Thunderbird or Office and been annoyed that the text formatting (bold, font size, etc) came with it? Don’t you wish you could just copy the text itself, without having to copy it, paste it into notepad, then copy it again? This extension gives you an option to copy text without the formatting. You can even set it to trim extra space in and around the copied text!

32. Wordle

Wordle is a toy for generating “word clouds” from text that you provide. The clouds give greater prominence to words that appear more frequently in the source text. You can tweak your clouds with different fonts, layouts, and color schemes. The images you create with Wordle are yours to use however you like. You can print them out, or save them to the Wordle gallery to share with your friends.

Maybe you will not use this in regular basis, but still nice tool to play with.

wordle-beautiful-word-clouds

Consider also checking out this article with

15 Excellent Free Font Resources

193 Written ArticlesWebsiteGoogle+

Dainis is 25 years young man, who struggled for 3 years while studying in design academy and working for local design agency, because of ignorant teachers and agency boss. He couldn't believe this is all life could offer to him! And then he discovered true Internet possibilities, he was lucky to find his passion early in life and take advantage of this beautiful Information (Internet) Age! Now he is committed to help others succeed, to help others take charge of their life and follow their passion! His goal is to open Your eyes and help unveil Your true potential!

31 Comments Best Comments First
  • Farooq

    Sunday, May 31st, 2009 08:27

    1

    very nice list of fonts and tools for the fonts really like i will try to use it in my projects.

    0
  • Kikolani

    Monday, June 1st, 2009 23:24

    11

    Yet another great roundup of resources. Perfect for my continued pursuit in aides to design my logo. Thanks!

    ~ Kristi

    0
  • Julians Katkovskis

    Tuesday, June 2nd, 2009 01:09

    12

    Oh,.yeah,.these tools are great +} good post..cheers

    0
  • Ruslan

    Tuesday, June 2nd, 2009 23:08

    13

    Good tools lists.
    Thank!

    0
  • Frank Stallone

    Wednesday, June 3rd, 2009 15:40

    15

    I miss this site. Thank you! =D

    Frank Stallones last blog post : MacHeist 3

    0
  • Dicky

    Wednesday, June 3rd, 2009 08:24

    14

    This is a great collection! You listed out necessary tools to work with fonts!

    Dickys last blog post : 10 WordPress Plugins That Will Increase Your Search Engine Ranking

    0
  • Adrian

    Monday, June 1st, 2009 05:40

    9

    Nice list. And thanks for the CSS Type Set mention!

    0
  • Jinjaninja

    Monday, June 1st, 2009 00:22

    8

    Great round-up of all things typographic. A bookmark must-have for both would-be and experienced designers.

    0
  • Bartek

    Sunday, May 31st, 2009 02:15

    2

    wow, this is just an awesome list!

    thank you so much for sharing

    0
  • Tickets For Metallica

    Sunday, May 31st, 2009 08:20

    4

    Font Burner looks like it would be great. Will have to play around with it.

    Tickets For Metallicas last blog post : Welcome To "Tickets For Metallica"

    0
  • Jay Zuck

    Sunday, May 31st, 2009 10:39

    5

    I’m always experimenting with fonts and this is just about the most comprehensive lists I have come across.

    Jay Zucks last blog post : The Melodic Madman

    0
  • Dainis Graveris

    Sunday, May 31st, 2009 20:48

    7

    Thank You people about Your positive comments! Glad You enjoy!

    @David this article is not about free font sites, but about something different as reviewing font/typographic related online tools.

    0
  • david

    Sunday, May 31st, 2009 19:12

    6

    Don’t forget http://www.dafont.com !

    0
  • Mike

    Thursday, June 4th, 2009 16:17

    16

    For a quick comparison, I love flipping typical. Thanks for the article!

    0
  • Luis Lopez

    Saturday, June 6th, 2009 04:34

    17

    Great list man, i only knew about some of them but not all, thanks.

    Luis Lopezs last blog post : 15 Sites To Find A Free Twitter Background

    0
  • Makale

    Tuesday, February 2nd, 2010 00:45

    27

    Thanks for your great post admin. I like it :)

    0
  • Dan

    Friday, October 23rd, 2009 17:06

    26

    Fontstruct is a great application and allows you complete felxibility with the fonts that you use. I’m not sure how these are impacted by web standards though when you create a font and use it as text on a web page. I tend to create a font for a specific project and use that font within images and keep a standardised font for the text.

    0
  • teknocep

    Monday, February 15th, 2010 09:10

    28

    Great Collection, Very useful Font Software Tools and CSS Tool

    0
  • CrocodileJock

    Monday, March 29th, 2010 11:21

    29

    Great list, some really useful stuff here.

    0
  • amit tyagi

    Saturday, September 17th, 2011 08:33

    31
    0
  • Marlott

    Saturday, May 28th, 2011 12:27

    30

    thanks for share this awesome sites! love it :)

    0
  • Bob89

    Friday, October 23rd, 2009 16:29

    25

    I know, reading this from thousands of miles away, she’s actually a lovely person. ,

    0
  • Bob39

    Thursday, October 22nd, 2009 19:10

    24

    No other business can be plunged into bankruptcy overnight simply because its customers decide to repossess their own property. ,

    0
  • Johnson Koh

    Monday, June 8th, 2009 03:12

    19

    Interesting. Have never know such applications exist. Thanks Dainis!

    Johnson Kohs last blog post : Making of a Scary Mental Hospital Scene

    0
  • Module23

    Sunday, June 7th, 2009 16:58

    18

    Thanks for collecting that awesome list.

    0
  • senthil

    Tuesday, June 9th, 2009 15:42

    20

    nice collections thakks

    0
  • Phaoloo

    Tuesday, June 9th, 2009 10:23

    21

    Nice collection again :)

    0
  • John Parks

    Sunday, August 2nd, 2009 17:43

    23

    Helpful tools for web and graphic designers.

    0
  • Alex

    Sunday, June 28th, 2009 14:00

    22

    Here is another usefull font service — Texster

    0
  • amit tyagi

    Saturday, September 17th, 2011 08:33

    31
    0
  • Marlott

    Saturday, May 28th, 2011 12:27

    30

    thanks for share this awesome sites! love it :)

    0
  • CrocodileJock

    Monday, March 29th, 2010 11:21

    29

    Great list, some really useful stuff here.

    0
  • teknocep

    Monday, February 15th, 2010 09:10

    28

    Great Collection, Very useful Font Software Tools and CSS Tool

    0
  • Makale

    Tuesday, February 2nd, 2010 00:45

    27

    Thanks for your great post admin. I like it :)

    0
  • Dan

    Friday, October 23rd, 2009 17:06

    26

    Fontstruct is a great application and allows you complete felxibility with the fonts that you use. I’m not sure how these are impacted by web standards though when you create a font and use it as text on a web page. I tend to create a font for a specific project and use that font within images and keep a standardised font for the text.

    0
  • Bob89

    Friday, October 23rd, 2009 16:29

    25

    I know, reading this from thousands of miles away, she’s actually a lovely person. ,

    0
  • Bob39

    Thursday, October 22nd, 2009 19:10

    24

    No other business can be plunged into bankruptcy overnight simply because its customers decide to repossess their own property. ,

    0
  • John Parks

    Sunday, August 2nd, 2009 17:43

    23

    Helpful tools for web and graphic designers.

    0
  • Alex

    Sunday, June 28th, 2009 14:00

    22

    Here is another usefull font service — Texster

    0
  • Phaoloo

    Tuesday, June 9th, 2009 10:23

    21

    Nice collection again :)

    0
  • senthil

    Tuesday, June 9th, 2009 15:42

    20

    nice collections thakks

    0
  • Johnson Koh

    Monday, June 8th, 2009 03:12

    19

    Interesting. Have never know such applications exist. Thanks Dainis!

    Johnson Kohs last blog post : Making of a Scary Mental Hospital Scene

    0
  • Module23

    Sunday, June 7th, 2009 16:58

    18

    Thanks for collecting that awesome list.

    0
  • Luis Lopez

    Saturday, June 6th, 2009 04:34

    17

    Great list man, i only knew about some of them but not all, thanks.

    Luis Lopezs last blog post : 15 Sites To Find A Free Twitter Background

    0
  • Mike

    Thursday, June 4th, 2009 16:17

    16

    For a quick comparison, I love flipping typical. Thanks for the article!

    0
  • Frank Stallone

    Wednesday, June 3rd, 2009 15:40

    15

    I miss this site. Thank you! =D

    Frank Stallones last blog post : MacHeist 3

    0
  • Dicky

    Wednesday, June 3rd, 2009 08:24

    14

    This is a great collection! You listed out necessary tools to work with fonts!

    Dickys last blog post : 10 WordPress Plugins That Will Increase Your Search Engine Ranking

    0
  • Ruslan

    Tuesday, June 2nd, 2009 23:08

    13

    Good tools lists.
    Thank!

    0
  • Julians Katkovskis

    Tuesday, June 2nd, 2009 01:09

    12

    Oh,.yeah,.these tools are great +} good post..cheers

    0
  • Kikolani

    Monday, June 1st, 2009 23:24

    11

    Yet another great roundup of resources. Perfect for my continued pursuit in aides to design my logo. Thanks!

    ~ Kristi

    0
  • Adrian

    Monday, June 1st, 2009 05:40

    9

    Nice list. And thanks for the CSS Type Set mention!

    0
  • Jinjaninja

    Monday, June 1st, 2009 00:22

    8

    Great round-up of all things typographic. A bookmark must-have for both would-be and experienced designers.

    0
  • Dainis Graveris

    Sunday, May 31st, 2009 20:48

    7

    Thank You people about Your positive comments! Glad You enjoy!

    @David this article is not about free font sites, but about something different as reviewing font/typographic related online tools.

    0
  • david

    Sunday, May 31st, 2009 19:12

    6

    Don’t forget http://www.dafont.com !

    0
  • Jay Zuck

    Sunday, May 31st, 2009 10:39

    5

    I’m always experimenting with fonts and this is just about the most comprehensive lists I have come across.

    Jay Zucks last blog post : The Melodic Madman

    0
  • Tickets For Metallica

    Sunday, May 31st, 2009 08:20

    4

    Font Burner looks like it would be great. Will have to play around with it.

    Tickets For Metallicas last blog post : Welcome To "Tickets For Metallica"

    0
  • Bartek

    Sunday, May 31st, 2009 02:15

    2

    wow, this is just an awesome list!

    thank you so much for sharing

    0
  • Farooq

    Sunday, May 31st, 2009 08:27

    1

    very nice list of fonts and tools for the fonts really like i will try to use it in my projects.

    0

Comments are closed.

54.167.249.155 - unknown - unknown - US