The font on a website is the same design element as color and shape. Well-chosen fonts for headings and main text make reading easier and more comfortable. They also affect the overall impression of the website, which directly determines whether the user stays or leaves.
In this article, we will talk about approaches to choosing a font for a website, as well as the importance of typography and the difference in text perception on different devices.
How People Read on the Internet
The study “How People Read Online scrape google search results published by the American company Nielsen Norman Group in 2020, says that people prefer to scan pages with their eyes before deciding to read the text carefully. Scanning occurs in different patterns, but almost always the reader’s gaze slides over the headings.
From laptops and computers, users prefer to consume information in the most compressed form: tables, infographics, diagrams, lists. But, regardless of what device a person chooses for Internet surfing, he will never bother himself with trying to make out an unreadable font.
Before moving on to choosing font combinations, you need to know what to choose from. According to the method of writing, fonts are divided into handwritten and printed. Handwritten fonts have an original look, among them there are personalized ones (for example, the font of Kafka, Picasso, Cezanne). They are used by designers to design headings, logos. They are not suitable as the main font for text, since they make reading and perception difficult. Here, printed fonts take over the baton from them. They are divided into three groups:
Vdy shriftov dlya sayta How to choose a font for a website
Serif fonts . They make printed publications easier to read by visually outlining the lines. But in web design, they rather complicate perception and distract the reader’s attention. The main purpose of such fonts is to use them in logos, highlight headings and important information on the page.
Sans serif . Neutral fonts, without serifs. Suitable for headings, paragraphs, main text.
Decorative . They look original and lima peringkat kesedihan ai bright. Such fonts are perfect for youth websites and any theme related to creativity. But they should be used very carefully: text written in a decorative font is difficult to read. Most often, they are used to create logos and highlight headings.
Designers prefer to divide fonts into just two categories: antique and grotesque. Antiqua includes all fonts with serifs, grotesque includes fonts without serifs, including handwritten ones.
What fonts are relevant in the 2020s
In website design, designers use fonts collected in the Google Fonts collection .
The collection is extensive bank email list and includes only high-quality free fonts.
They don’t cause any problems with layout – it’s easy to connect the library and pull any font from it.
The Google Fonts library supports different types of content sorting.
Google Fonts has fonts for Latin, Cyrillic, hieroglyphic writing, Hebrew and Arabic. It is convenient to find the ones you need using filters, and you can select the top ones in one click – by choosing sorting by popularity.
The ranking of the most popular Google Fonts fonts of the early 2020s looks like this:
Roboto. Easy to read even at small sizes and works great with other Cyrillic fonts from Google Fonts.
kley 1 How to choose a font for a website