Browse By

A Guide to Typography in Web Design

There are loads of information on the internet that includes written information, images, and video content. These days video content has been very famous but the written content has its own importance, and we hope that it will remain in the coming future too.

With hundred thousand different fonts and 16 million colors available on the web, the possibilities to make any content and website look, killer, is actually possible and the options to do so is limitless. The art of styling the written content is called Typography. It includes font selection, size of the font, line spacing, letter spacing and arranging the written content to make it more readable and appealing. Here we are going to discuss some rules for a complete web Typography to help you understand and learn the art.

  1. No Dummy Text

First and most important thing is that you should always use the real content while working on Typography designs. This is because you may not see the actual look layout of the text with the dummy text and the real content will make sure that you will see how it is gonna look when made live. There is a huge difference between dummy and real text.

  1. Taking Care of Kerning

What is Kerning? The space between the pair of letters is called Kerning. All the letters must have consistent space between each other, and this is the more important thing to take care especially in case of Headings. While using Google fonts, the kerning issue gets even more complicated. Still, it is not that visible in the body content where the text font size is comparatively smaller but in the heading and subheading this kerning is clearly visible, and it ruins the look of whole content.

  1. Don’t Use Too Many Fonts

It is a really bad idea to use so many typefaces and weights in your content. It is very distracting and does not even look good. Try to stick to one or two typefaces for your website or blog project. And also don’t overdo the weight too. Only use the bold and italic text when you need to highlight something and make it stand out from the whole content. You can use one typeface for the title of the page and another for the body content to give the text a professional and uniform look.

  1. Use the Right Typeface

Selecting the right typeface for your project is equally important. The experts suggest using san serif for headings or page titles or other larger texts and use serif for body copy or other smaller text.

  1. Font Size is Important too

Choosing the right Font size is as important as choosing the right font. While choosing the font size make sure that the font of the headings and body are of the standard size. They should not be too big or too small that it decreases the legibility or readability of the content. Legibility is something that gives you a proper visual perception, and text scanning and readability means understanding the content when it comes to typography. Thought the bigger fonts are easily readable, the smaller font looks more professional, so choose smartly.

  1. Don’t Use Centre Alignment for the text

When the content is lengthy, it is not a good idea to make it center aligned as it becomes hard to read it smoothly. Of course, the left aligned is the best when it comes to lengthy content whether it is on the website or any other content.

Final Words

So, whether you are working on a professional project or not, you should follow these 6 rules for a better and uniform looking layout. Textual content is an important part of every web page, and so it is also important that it should be styled in symmetric and professional manner. Do share your views in the comment section below.