One of the main things a web designer does is ensure the website elements stay organized. One of the factors affecting this is the typography that is used on the site. This does not stop with just selecting the right font for the text. There are other aspects to watch, such as the alignment, the visual hierarchy, the readability, etc.
Following are some of the basic typography guidelines, which every web designer needs to be familiar with at least on some level. As long as you stick by them, you can do a lot with even the most minimalistic of designs.
Pay attention to the kerning
Kerning is the process of adjusting the spacing between letters, lines, and paragraphs. A typeface, by default, usually has the inconsistent spacing that can only be fixed with kerning. Set a universal letter spacing and tweak each letter, so the readability is noticeably improved.
Watch the measure
The ‘Measure’ is the width of the text displayed on a page. If this is too high, it is harder for the reader to move among the lines while reading. And a narrow measure would entail too much eye movement for comfort. Multiply the font size by 30 for setting the perfect pixel width.
Be careful with the text alignment
The text needs to be viewed on a variety of browsers, so make sure it shows up good-looking on each of them. Check the left and right sides of the text and adjust the alignment, while also watching against crammed lines.
Use Serif and Sans Serif fonts
For a web designer who has only just started out, it is easy to overlook stuff like the font used for heading and body. It is advisable to go with Serif and Sans Serif fonts if you are new to the whole thing; these are for the heading and the body, respectively.
Prefer vertical spaced typography
The benefits of using vertical spaced typography include simplified overall website structure, as well as adherence of the pages to the chosen template.
Use ‘Whitespace’ if you need to
This is the negative space between elements on a page, which if used judiciously, can be of great use. Put these in the locations where they are needed, and you will be able to bring about a balanced look to each page.
Use these web design guidelines to ensure your website performs well In terms of utility and usability.