I came across this infographic while scrolling through Pinterest that describes "The 10 Commandments of Typography." I thought it was a great way to not only to describe the general rules about typography but a great way to visualize them.
![]() |
| https://blog.red-website-design.co.uk/2018/09/21/website-typography-rules-infographic/ |
Serif Font- a serif font has a little line attached to the end of the letter and makes the type more legible.
Sans-serif- does not have the line attached to the letter.
Slab-serif- fonts that are thicker than the average serif font.
Typeface- refers to specific characteristics of font, like bold, italic, condensed.
Font- refers to the specific member of a type family, like Times New Roman.
Kerning- the spacing that can be adjusted between letters.
Leading- is the distance between lines of text.
Points- the standard for measuring type.
Picas- 1 pica is 12 points. Helpful for planning out layouts for print.
Tracking- also adjusts the space in between letters, but does it equally for all letter in a word.
Monospaced- font that has letters that use an equal amount of space.
Orphans- words that are at the top of pages by themselves that can throw off the design of a print.
Widows- much like orphans, they are single words left at the end of paragraphs.
Small caps- lowercase letters that are adjusted to be the size of an uppercase letter or vice versa.
Justified text- fully justified text is aligned on both sides and has equal spacing of margins.
Hierarchy- establishes the order in which the viewer reads the information. For example using heading, sub-heading, and the main text.
Glyph- different designs of the same character, for example 4 different designs of the letter a.
Display font- display fonts are usually used for headings and capture the reader's attention because of their size and distinctive look from regular text font.
Drop cap- a drop cap is a large letter at the beginning of text used as a decorative element.
Em dash- a dash that is a longer dash that is about as long as an H. It is used to create a pause in reading the text.
En dash- is half as long as the em dash and is used when typing ranges, for example between years (1985-1999) or in between related words like sans-serif.
Glyph- different designs of the same character, for example 4 different designs of the letter a.
Display font- display fonts are usually used for headings and capture the reader's attention because of their size and distinctive look from regular text font.
Drop cap- a drop cap is a large letter at the beginning of text used as a decorative element.
Em dash- a dash that is a longer dash that is about as long as an H. It is used to create a pause in reading the text.
En dash- is half as long as the em dash and is used when typing ranges, for example between years (1985-1999) or in between related words like sans-serif.

Comments
Post a Comment