Tips For Mixing Typefaces

Typeface Mixing

For any designer, combining the existing typefaces to create something new is a challenge. Blending two or three fonts is responsible for taking the existing design to a whole new level. You might come across dozens of means when trying to combine varied typefaces, while some of them would seem seamlessly impressive, others might fail to bring out the expected outlook. To make sure you come out with a blend that seems visually impressive, you should understand the role of each typeface and focus upon their individual qualities.

Know how much font you actually require

Practically, a single typeface design is rare to find. The reason is quite simple. Most of the designs feature a logo with text in it. The typeface used for the text in logo is however, not going to work for body text. After viewing several websites, a thumb rule that we deduced is that your website should not be using more than three typefaces in a single design, considering one of them is already used in the logo.

In most of the websites, when you go through the lay out, you will notice that a single typeface is dedicated to the headings alone. To make sure that all the headings stand ahead of the body text, a single typeface is used, for rest of the body text different typeface is incorporated. In case, you do not want to use a different type face for text, you can still highlight them through use of bold variation and a varying color scheme.

Statistically, font files are known to utilize nearly 65kb in general and if you are making use of italic font then it is going to add almost 200 Kb to the download data. So, basically, when you use fewer fonts, you are also doing justice to the downloading speed of the webpage.

Selecting a practically viable font

In most cases, the choice for fonts that could be used for a website depends upon the client requirements. Mostly, the choice is out of your hands as companies specify typefaces of their own choices. In that case, the options are restricted. However, if you get the right to choose the font type and size, then there is a lot that you can rely upon.

In this case, your main concern should be selecting something that adheres by the readability factor. There are two things that you can do. First one is to master a few font types and rely upon them most of the times. Other option is to reinvent something new every time you go ahead with some design. For instance, you can rely upon some go-to typefaces such as Droid Sans, Noto Serif and Niagara Solid or go abroad with something new every time.

Font Types

Selecting a personality font

Well, when it comes to choose the first typeface, you will have to pick one based upon the readability factor. It is actually a sensitive process asking you to opt for something quite skillfully. However, when choosing the second typeface, you shall consider these two elements.

Now, the foremost thing that you should consider is that the second typeface should depend more upon practical usage than personality. We mean that the typeface should not be restricted to the personality factor. In case, the two faces have same characteristic, then upon blending together they are going to get enhanced. Second factor is that the typeface should complement the first typeface so as to create a consistency. Sort out all those faces that have similar proportions and similar counter shapes. These two options are surely going to help in selecting the second typeface.

A safe bet in this case is when you choose typefaces that have been designed with a companion typeface. For instance, serif has sans-serif, Scala Sans has Scala Serif, Meta has Meta Serif and Droid Sans has Droid Serif etc. When you combine companion fonts, you get sufficient degree of contrast. So, if you are not that good at blending typefaces you can always rely upon this option of relying upon companion fonts.

typeface1
Companion typefaces Droid Sans and Droid Serif

Another viable option is to rely upon contrasting styles. You can contrast all the characteristics. The best way is to recognize the primary character from your first typeface and then find a secondary option that shares that very attribute. This may seem challenging owing to the fact that you have to go subjective in this case. However, once you crack it, you are sure to come across some pleasing combinations.

For instance, Cabin is a subtle version of sans-serif with a very little contrast. It has characteristic resemblance to geometric sans-serif. Together they generate a successful corporate face. When looking for a type that contrasts with Cabin, you can settle for something similar to Buenard.

typeface2
Typefaces with contrasting forms, Cabin and Buenard