How They Write You Is How They See You - An Introduction to Typography

[mostakimvip06]

Font designers have to pay attention to a lot of details. The main idea is to create a set of characters with a specific style that can be assigned to one of the types:

serif , which has characteristic tails,
sans-serif , which is devoid of them,
monospace , which has a fixed width of letters,
handwriting , which imitates handwritten text,
display , which is intended to look good as a large title.
Even within the same type, fonts can vary greatly. It's the small details that make them unique .

Fonts may vary
So fat, so thin, can be a font
It is usually the case that a specific typeface has different thicknesses prepared by the author. The choice is huge: from the thinnest Extra Light, through the classic Regular, to the thickest Extra Black.

Different font weights

The thickness to use depends not only on the location on the page, but also on the font size. Thinner versions lose a lot of their appeal when they are too small , then browsers are poor at rendering the view properly, and the lines blend into the background. In turn, thick fonts are uncomfortable to read outside of headings and titles.

Special characters
When choosing a font for a website, it is essential to consider the characters that we want to use on it. Even the popular "a" may not appear at all or may look bad in the font we choose. It is therefore worth testing the font before using it on the website , especially since it may turn out that it will lack Polish characters.

When looking for a character set to use on a page, you need to consider the armenia telemarketing data language it supports. The characters that appear in our language belong to the Latin Extended group .

Where is the font?
Finding the right font for your website is no problem these days, as long as you can choose one or two from hundreds of free fonts . The most popular and highly recommended collection of free fonts is Google Fonts .

Google Fonts

The site contains not only very popular fonts such as Roboto, Lato, or Open Sans , but also many different, often unusual ones. Using filters, you can easily and conveniently find the right font for yourself and the site. Let's say we are looking for a sans serif font with thin and wide characters that contains all Polish letters.

Filtering Google Fonts

Bingo! Jura fits our requirements perfectly. How to download it to use in a graphics program? And how to use it on a website? That's a topic for a separate article.

Too much of it makes my head hurt
We already know where and how to look for fonts, it's time to learn the most important rule of typography - the fewer types of styles and font variants, the better . Most often, two main fonts are used: one for text and the other for headings. It is also worth being moderate in terms of thickness and size. The most important thing is for the text to be legible and at the same time its appearance to be understandable, which is very important for the hierarchy of headings.

When choosing the right pairs, it is worth checking out sites that publish good-looking combinations , such as FontPair . It is also worth being inspired by Awwwards award-winning sites from around the world.

Font is just the beginning...
These few elements related to fonts/fonts/typefaces are just the beginning of how to prepare the right typography for a website. It is important to remember that typography as an element of UX always puts the user first, for whom using our website must be a pleasure. Finally, it is worth noting that a website is not a text document, and therefore follows its own rules, for example, that justified text on responsive websites makes reading difficult and is usually a mistake .

Web Developer at the marketing agency RekinySukcesu.pl
Paul Cieplinski
Web Developer and graph