Over a million developers have joined DZone.
Platinum Partner

Typography Tools for Web Designers

· Web Dev Zone

The Web Dev Zone is brought to you in partnership with Mendix.  Discover how IT departments looking for ways to keep up with demand for business apps has caused a new breed of developers to surface - the Rapid Application Developer.

Typography is one of the important aspect of the web designing . The User Interface / UX (User Experience) design is one of the challenging work in the design and development of the website.

In this blog post , we will explore some of the Typography tools which will be useful for the Web Designers .

1. TypeTester

This is one of the tool that lets you compare different fonts and styles on the screen . TypeTester lets you compare multiple fonts and also lets you set the CSS parameters and compare the results.

You can explore TypeTester here

2. Fontifier

The Fontifier allows the web designers to use their handwriting to write the text . The handwriting font is retrieved from the scanned one’s which can be used like a regular font later.

You can explore Fontifier here

3. What The Font

Want to know what font is used ? Just upload the image or specify the URL of the image to get the closest match of the font from the MyFonts database.

You might be interested to read

My 10 Favourite Programming Quotes

You can explore more about What The Font here

4. CSS Type Set

The CSS Type Set lets the Web Designers to experiment with various combinations of styles and attributes.

Explore CSS Type Set here

5. FontStruct

FontStruct is a tool that allows the Web Designers to create fonts quickly as well as easily.

You can explore more about FontStruct here

The Web Dev Zone is brought to you in partnership with Mendix.  Learn more about The Essentials of Digital Innovation and how it needs to be at the heart of every organization.


Published at DZone with permission of Senthil Kumar , DZone MVB .

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}