Typography is an important part of creating web designs and plays a vital role in enhancing the User experience.
Arranging type is an invisible art form. Typography is not as straightforward as it seems to be, it needs efforts and focuses on blending a type on a web page.
Typography plays an important role to makes the words and the meaning shine with their focus.
Therefore if we want to deliver our message without getting lost amides, then we should try to avoid the following mistakes.
The right length of line:
Reading of message depends on the line lengths too. Try to keep the line length within 45 characters to 80 characters maximum.
Not Using Enough Leading:
The spacing between lines known as Leading. Correctly spaced lines are easy to read.
There are many factors that affect leading like typeface, weight, type size, word spacing etc.
We should try to set the leading 2px-5px larger than the type size, suppose if we set font size 12px then use 16 px or 18px leading for that.
Overemphasis:
Sometimes we want to emphasize some part of your text to show it is important. We have different ways to do it like using bold, italic, Caps, by changing color, by increasing their font size.
But keep in mind don’t put all effects together.
Ignoring Rag, Widows, and Orphans-
Alignment mistakes that usually happen while working with paragraphs text. Following are the terms that will clear these typography issues.
Rag- The term “rag” refers to the irregular or uneven vertical margin of a paragraph text. While setting right margin (raged) pay attention to shape that margin line
ending make. We can handle rag by manual line breaks.
Widows – A widow is a very short line of a paragraph which was shifted to the next page/column and left separated from rest of the paragraph/block. Widow leaves too much white space that interrupts readability. We can fix windows by adjusting rag (right margin).
Orphans- In typography, “Orphans” are single words or short lines that appear either at the beginning of a column or a page. it causes poor horizontal alignment at the top of the column or page.
