June 05, 2024
How to combine fonts correctly
There are many ways to combine typefaces, some more useful than others, however, the ideal place to start is to understand the role that each typeface has and focus on the qualities it possesses.
How many fonts are too many?
There is a rule that says you should not use more than 3 types of fonts for a single design. Generally, to make the headings stand out when you scan a page, you need to use one type of font for the body text and another for its display. However, you could highlight the headings using a bold variation or some accent tone, in other words, the fewer fonts you use, the better.
How to Choose a Practical Font
Commonly, your initial typography choice can get out of your hands, as companies tend to establish some type of font or group of fonts as part of their brand guidelines. Sometimes, you may encounter a project with certain requirements, such as limited space that may need a much more compact face or a large amount of text that must be legible within very small spaces. However, if you manage to find a completely blank page with a variety of unlimited options, the ideal place to start is clearly the largest proportion of text, which is possibly body copy.
When choosing a typeface for the body text, your main concern should be its readability.
How to Choose a Personality Font
Choosing your first typeface for good readability is often a case where you need to choose a truly reliable tool. But when choosing the second typeface, there are 2 things you should consider:
- First, this type of font should not be chosen for its practicality, but to give personality, so it is necessary to understand that it should not only be chosen for its own personality, but that 2nd typography has to show the personality of the first. Each type of character has a personality, most of them have multiple characteristics. If you select 2 of them that have the same characteristics, when combined those characteristics will be multiplied.
- Second, this typeface requires that it be viewed with the intention of working adequately with the first, as this way a very coherent voice can be developed. It is necessary to look for faces that have similar proportions, that is, the relationship of the X-height to the ascenders must be similar, as well as the shape of the counters.
With these premises, you have 3 alternatives to choose the 2nd font:
Safe bet
Several characters are designed with serif or sans serif, for example, "Meta" has "Meta Serif" and "Scala Sans" has "Scala Serif". The value of combining complementary fonts is that the typical shapes of the letters are usually the same and the level of contrast is very small, although enough to explain the request for extra http.
Contrast a feature
If you chose the readable body face, then you might choose a screen face that is not. If you opt for a geometric face for the body, you should consider the humanist face of the presentation. If the body face is warm and welcoming, try a more powerful and distant screen face.
Contrast styles
The way to do it is by identifying the main characteristic of the first typeface, and then finding a second one that only shares that characteristic. This is by far the most challenging approach, as much of it is subjective, but it is also the option that allows for creating very amazing combinations.
Share
Maybe it might interest you
What is Node.js and what is it used for?
Node.js is a JavaScript environment that allows us to execute on the server, asynchronously, with an event-driven architecture and based on Google's V8 engine. It is a platform that is advancing very quickly and is increasingly present in the market.