Fonts

How to choose a font for the site?

Today web typography plays a huge role in the design of websites and web applications. More and more projects are basing their entire visual concept on fonts. Although more and more graphics, animations or photos are appearing on today's websites, it is the text that is the main element when viewing them. The right color, decoration or font style ensures that the article will attract the attention of more visitors.

Consequently, you must know and apply the principles of typography in web design that will allow readers to easily find the information they are looking for. Therefore, there is one rule of Internet typography worth remembering: the text should always be easy to read.

Internet typography, that is, the readability of texts on websites

• First you need to define a basic font size, which is usually 16 px. If necessary, adjust the size depending on the properties of the font you are using.
• You should use only scalable font sizes relative to the specified base size.
• You must remember that there must be an appropriate spacing between consecutive lines of text.
• Do not use too many font types and sizes. Too many types and sizes can make a page too complex and difficult to read, so it will be tedious for the user.

Sans serif fonts

First of all, fonts are divided into serif fonts and sans serif fonts. Even for the non-professional, the difference is quite easy to see, as serif fonts have embellishments; dashes at the end of the letters. Their use was associated with the development of printing, thanks to the extra lines reading became easier and more pleasant for the eyes. However, nowadays the sans serif font is considered to be more readable. This is because text looks different on the screen, and most people prefer paragraphs consisting of simple fonts. On the other hand, sans serif fonts do not have sans serif ornaments - the character endings are simple. The sans serif letters are Arial, Verdana in particular. Sometimes sans serif fonts are called Century Gothic, which should not be confused with gothic fonts. In contrast, serif fonts are mostly used for paper publications. This doesn't mean that you should automatically apply sans serif fonts for blogs or presentations. Sometimes using more decorative fonts in headings and sans serif fonts in paragraphs is enough to make it look good.

Font colors in the project

The choice of colors is very individual. Each company or blog has its own brand book or even colors specified in the logo. Basically, this will determine what colors will be used in the project. For example, women's blogs are dominated by pastels.

The choice of black in paragraphs should also not be random, and it is usually better to lighten it. You must also remember to examine the contrast between the background and the text. Black backgrounds with colored texts are a bad choice, as is the lack of adequate contrast, since such a combination impairs vision.

Text alignment and layout

Text is usually aligned by width, that is, aligned across both margins to form neat blocks. You can do the same in your presentation, just make sure the text is well placed in the individual paragraphs.

With Web sites, the situation is worse. Blogs are read on a variety of media (phones, tablets, widescreen monitors), and the text may be designed differently in each case. In this case, justifying paragraphs can be annoying for readers. It is best to use left-alignment or center alignment (a popular option used on certain sales pages lately).

In the case of text alignment, the number of words in a line plays an important role. On a computer monitor we see about 60-100 characters with spaces, which after alignment look quite clear, and gaps between characters are not annoying. On mobile devices there are fewer characters, because of which the text sometimes stretches the entire width of the screen.

You should also be careful with templates adapted for text compression, where a column contains more than 120 characters. In this case, after reading the last word in the line, it is difficult to see the beginning of the next line.