Typography

What is typography? It is simply the use of text or fonts. It can be used to draw attention to specific portions of your document. 

In web design, typography can have a large impact on the usability and overall impression of your page. 

As a general rule of thumb, you should use, at max, two fonts on your page. Any more than that can look unprofessional and incoherent. 

You will also want to ensure that the font is easily readable, so that your users can understand your message. 

Examples of Good and Bad Typography

Bad Typography: Mr. Bottles

Mr. Bottles

Mr. Bottles is a website that can help identify antique bottles. However, their use of typography could be improved upon. The first thing that strikes me as odd, is the oversized "S". The gear in the bottom of the "S" rotates, and that is a cool affect, but the size of the "S" draws the user's eye to it, instead of the beginning of the word. Overall, the title is difficult to read, with the oddly shaped letters and random capital letters thrown in the middle. 

There are at least three or four fonts on this homepage. The font of the menu is different from the font of the title and the one used to identify the bottles. If you scroll down further on the homepage, there is a explanation of the webpage and it's uses. This is done in yet another font. 

In my opinion, there is just a bit too much going on here. 

Good Typography: Rally Interactive

Rally Interactive

Rally Interactive is a portfolio website that is beautifully designed. In specific relation to typography, there are only two fonts used on the page, and they are both used effectively to draw attention to the topic. Here, the topic of the post is "Fan Study", and it is very clearly showcased. As you scroll down the page, the ribbon changes color, but the typography and set up of each post is essentially the same and coherent. 

If you access the specific page by clicking the arrow, you will be shown a page that, again, is very consistent with each post. There are still only two fonts used on these pages. 

In conclusion, typography can make or break your page, so you need to ensure that it is easily read, not to use too many fonts and that there is a clear hierarchy, so users know what is important.