Tricks of the Trade for Website Typography

tricks of the trade for website typography

In these times when the whole internet world is abuzz with talks about responsive and mobile friendly websites, a significant aspect which is easily ignored is the typography of a website. For users who are relatively new to web designing, I will explain the meaning of typography and its significance in a web design. Typography is simple English means the technique of arranging and styling of the type or font to make the written text content more readable and appealing on a website.

Many people tend to ignore the significance of typography in a website, but if enough attention is not paid to the typography then your written text content might not stand out or be unreadable to the user. A point to be remembered here is that a user visits your site only for the written information he is looking for and not only for ogling at the photos you have added along with it. I am not trying to imply that photos don’t play any role in enhancing the look of a site, they definitely do but the bottom line is that if a user cannot read what’s published on your site, he will never visit it again. So the whole point of creating your website gets diminished.

Let me tell you about a few tricks of the trade to enable you to achieve good typography for your website.

1. Choose colors wisely:
Colors play an important role in enhancing the readability of the written matter. The color of the type of font and the color of the background should be in contrast. Your text could get hidden in the background with incorrect color choices. Apply the colors and then try to read yourself.  If you are not able to read the text yourself then change the colors. Dark backgrounds require a white type for better readability. Similarly, a white-colored type could easily get mixed within a light yellow background.

2. Actual text only:
While designing a website many designers have a usual habit of using dummy text like Lorem Ipsum to create and website first and then replacing it with the actual text of the site later on. This is a wrong practice and should be avoided. Dummy text is dummy text; use the real and actual text only to see how it will actually look in the end. Besides what is the point of placing text twice?

3. Choice of Font:
The choice of fonts you make determines to a great extent as to how your final typography looks. A font that looks hazy and blurred on the screen will make your text difficult to read for the user. Good web designers always swear by San Serif fonts for their text. A san serif font like Verdana is a very good option that provides a crisp looking text. If you can find a few good san-serif fonts then depending on any other variety should be avoided.

4. Micro and Macro typography:
Both of these require equal attention if you want good typography for your website. Macro typography means the overall look of your text in context to the website, whereas Micro typography is more concerned with the character spacing and readability. Anyone of these going wrong can make the content unreadable.

5. Be clear with Hierarchy :
A reader on landing on your home page should straight away know as to where to start reading from. For this to happen you should pay attention to the hierarchical attributes of the text. A header on top with an attention-catching phrase or catchline should be able to pull off the trick for you.

So in conclusion, if the content is the central character of a website, then typography is the sidekick.

Author Bio: Kristy Bernales is a world-renowned web design expert based in Melbourne, Australia. She is an authoritative voice of the web design industry.  See her posts on Facebook and Twitter.


About The Author

Leave a Comment

Your email address will not be published. Required fields are marked *

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Join 8,312 Subscribers

Get exclusive access to new tips, articles, guides and updates.