Basic Typography Guide For Web Designers

A few days ago we discussed some tips & tricks related to Typography in a post entitled 5 Cool Typography Video Tutorials That Are Worth Trying.

Well this time we will show why typography is important in the form of an infographic made by someone who calls himself Noodlor.

If you think typography is just a personal will, then you are wrong.

Here we show an infographic that might make your face red or maybe embarrassed because you have used the wrong type of font, put the wrong font for the design you gave to your client, try to remember what we have done before. Have we placed the font according to its function, while we brag to the client that it is very good and in accordance with what it should be?

This is a basic Guide that we should all follow regarding the function and use of typefaces/fonts.

Type Guide by Noodler

After knowing the function, now we start to go into deeper territory. The principles of layout, starting with the basics of direction, contrast, and rhythm: