Classification of Fonts in Web Design

Classification of Fonts in Web Design

Fonts are probably one of the most important, interesting, but at the same time difficult tools in the arsenal of web designers. Font is used on every site, and therefore the very use of the font, and its combination with other fonts on the page should obey a certain logic. So let’s understand what are the groups of fonts, what their distinctive features in the outline, and consider when appropriate to use a particular font. In this article we will look at serif fonts and their subgroups, chopped fonts, handwriting and decorative fonts.

Serif Typeface

A serif in English translates as a serif, a small ledge or short stroke at the base and top of a letter or character. This large group of serif fonts include Old Style, Modern Style and Egyptian Style.

Old Style

Old style fonts are based on the cuneiform writing technique. The serifs of the lowercase letters are always at an angle and all the curved lines of the letterforms have a transition from a thick stroke to a thin stroke. If you draw a line through the thin part of the rounded stroke, it will always be diagonal.
Old style fonts are considered the best for typing long text. First, they have extremely few distinctive features that interfere with reading. And secondly, the eye seems to cling to the serifs, which facilitates the reading process itself.
Modern style
They are also called Modern or Didone. The appearance of fonts in the modern style is characterized by a certain aloofness. There is no obvious imitation of cuneiform. These fonts have horizontal serifs and more subtle, a pronounced, contrasting transition from thick to thin lines and an obvious vertical pressure.
These fonts look very good when written in large type. However, because of the sharp transition from the thick line to the thin line, these fonts are not suitable for prolonged reading. That’s why they are best used for titles and logos. 

Egyptian Style

This style of font is sometimes called Claderon, after the name of the first font in this group. Their distinctive feature is the barely noticeable transition or contrast from the thicker line to the thinner line, or sometimes none at all. Also, the serifs of lowercase letters in such fonts are horizontal and thick. Another name for this group is Slab Serif. In Latin slabs means rectangular.
The strokes of the Egyptian style fonts are more dense and uniform, so this font is ideal for long texts. But it should be taken into account that the whole page as a whole will look darker. This style is widespread when typing children’s books.

Chopped Typeface

The word sans means “without” in French. So the name of this group means “without serifs”. There is practically no pressure when going from thicker to finer line. Because of this, they look more uniform in thickness.
Serif fonts are considered to be easier to read. However, as for web design, there is no unequivocal opinion. This is due to the technical features of the monitor. For me I chose a serif font, but on many sites I see that they use chopped fonts for the main text, the same Arial or Tahoma. So it’s up to you. Download some fonts without serifs you can on my site. 

Handwritten Fonts

A handwritten font is a type of writing done by hand with a brush or a calligraphic pen. Handwritten fonts are not suitable for writing long texts, especially single uppercase letters. But they look very beautiful typed with a large point. So as a decorative design element they are indispensable. Download 30 handwritten fonts you can in the appropriate selection. 

Decorative Fonts

This category includes most fonts that do not fall into the other categories. There are a lot of decorative fonts and their number is increasing day by day. Because of its bright extravagance, these fonts should be used in dosage and carefully. This could be logos, headings, inscriptions. Examples of decorative fonts are presented on my site.