Aquent Aquent

Top 10: Handy Web Typography Tools (from aext.net)

Top 10:  Handy Web Typography Tools (from aext.net) image
Top 10: Handy Web Typography Tools (from aext.net)

Thank you to aext.net, an extension of the net, for this great list of typography tools for the web, essential to any web designer. Click here for the full article or just see below for the list.

Listed below are 10 typography tools that you must have as a web graphic designer.

1. Fontstruct

FontStruct is a very useful tool that helps you create new font styles. You get in this tool a grid pattern that is arranged like tiles or bricks. You can use this grid to draw geometric patterns and create new fonts. This is a very simple to use tool that anyone with a basic knowledge of computers can use. What you need is an artistic bend of mind to create those newer looking fonts.

2. @font-face Generator

Font Squirrel offers you an excellent tool to generate font kits for @font-face feature. The generated @font-face kit will includes all requirement files for each browsers.

3. Type Navigator

This is a fantastic tool that you can use to create some fantastic fonts even without having any knowledge of fonts. There is a pane on the left and you simply need to choose a font style that looks appealing to you. Once you choose a particular style, you then get multiple options that can include serif, width, angle, weight, contrast, axis etc. After you have made all your choices, you need to click on search and you will get multiple fonts that match the various options that you have chosen.

4. Font Tester

Font Tester is probably a better version of Type Navigator. It works in the same way as Type Navigator but the only difference is you don’t have to type any search. The moment you choose an option it gets updated in the right pane so that you can see the difference in real time. You can choose the font style, color of the font and the background and various other myriad options and create some fantastic font styles. And the best part is that you can have three difference comparisons that you can see side by side as you make changes. You also get to have the CSS code for what you created.

5. Flipping Typical

This is another valuable typographic tool that helps you choose from different font styles by looking at them in real time. As you visit the website, you have a large textbox right at the top of the page the text of which you can edit. As you enter any text, it gets displayed in various styles and you can see multiple styles at the same time.

6. STC Font Browser

You can go to the Control Panel of your computer and check out the fonts available. There are separate files for all the fonts and you can open them one by one and check them out. But STC Font Browser gives you an immense advantage because it lists all the font styles available in your system. The listing is on the left pane and the result is displayed on the right pane as you click on one of the font styles. Instead of looking up the fonts by opening the files one by one, you can do it through this tool all at a time.

7. PXtoEM

PXtoEM is a great typography tool that helps you select the font size for your webpage. There are three panels in the website – the one on the extreme left lest you choose the font size in pixels and the center pane converts the pixels, percentage, point and em. You also get the relevant CSS code for the style you chose.

8. WhatTheFont

If you like a font in any webpage and want to use it, WhatTheFont helps you in this regard. Simply upload a picture of the font or enter the URL of the webpage and WhatTheFont will find a font that is exactly identical or matches your font to the closest.

9. Identifont

Identifont helps you search for a font using the search option or helps you identify a font when you answer some very basic questions. This is ideal for people with limited knowledge of fonts.

10. CSS Type Set

This tool helps you create CSS styles that you can see in real time. You enter the text, choose the style and can see the font style you created. You simply need to copy the generated CSS to your stylesheet.

Comments

comments powered by Disqus

Recent Posts

Aquent Disaster Relief Fund image

Aquent Disaster Relief Fund

We are so thankful to have received support from the Aquent community to help victims of Hurricane Harvey through direct contributions received...

The 3 MarTech Talent You Can’t Live Without image

The 3 MarTech Talent You Can’t Live Without

The marketing technology landscape is continually changing, and it moves so quickly, it even has it’s own super-efficient nickname: MarTech.