9 Tips to Choose Right Typography Fonts for Your Design

Jun 03 9 Tips to Choose Right Typography Fonts for Your Design

Web is mostly about text. And so how this text gets rendered is all that matters, rest all flows automatically. We know content on web is dynamic and liable to change. Therefore it is important to select a typeface that harmonizes with most bowsers and device types, and at the same time stands out from the stack of sites stuffing the web.

Let us discuss some important points concerning typography that directly hit site design:

1. Typefaces:

It is never recommended to use multiple typefaces in a single website or project. Your content should reflect a consistent layout. Neither should you reject a font outright because it is used frequently over the web. While seeking new typefaces is good, keep in mind the fact that if a font type has attained acceptance of most graphic designers, there must be a reason for its overuse – Maybe it is comfortable with constant content changes.

2. The purpose:

Although there are no rules to web typography, we follow a few tenets of design and readability while selecting suitable typography for a website. It’s okay to experiment with fonts but make sure you don’t neglect your purpose. For instance website of an FMCG company consists of less text and more pictures. Hence there is scope to play around with any text combination that has a casual tone with lucidity, and so Arial fonts would suit therein. Whereas a software firm’s portal happens to be an activity ground showcasing their services and products. As text covers majority of the website, fonts belonging to Helvetica family fulfills the purpose here.

3. The size and length:

Considering the situation where a netizen spends maximum time on the internet (irrespective of his age), his eyes are subject to fatigue while reading for longer hours. A font that is convenient for most people reading the content is desirable. Select a legible font size. Smaller texts are legible and don’t mess with the site design on web as well as mobile, as most websites developed nowadays are responsive. Line height and sentence length also require profound detailing while selecting a typeface.

4. Kerning:

This is a designer’s specialty. Arranging proper spacing between letter pairs is instrumental in enhancing the taste of content. Where tracking is uniform spacing between all characters, kerning is adjusting spacing between specific letter pairs.

5. Alignment and justification:

As most scripts are read left to right, majority content we come across on web is left aligned. This aids readability.

Center alignment is specifically used for smaller chunks of texts. As this type of alignment has a difficult intelligibility, a reader cannot clearly make out the start and end of a statement owing to untidy edges.

On the contrary justified fonts have proper edges but they lack a proper spacing between words and hence are used more in print text than web.

Right aligned fonts are rare to encounter and are only used where the design suggests it.

6. Color:

Contrast is significant in drawing out the effect of any content. It is this contrast of background and text that has the ability to enhance or ruin a given content. Since a discreet contrast is easy on the eyes of the reader black fonts are often used for readability.

As color pallet can emphasize any text or design area, a prudent combination would be darker fonts with lighter backgrounds.

7. Load time:

Site speed cannot be compromised for any design aspect. If a font takes too long to load, change your font preferences. Not really, you can negotiate by using heavy fonts in limited areas like title or headline, and avoid them in body text. This will help you achieve the desired effect without affecting your site rendering. Refrain from using more than 3 font types in your website.

8. Compatibility:

The constantly upgrading technology and browser updates make changing fonts in css difficult. Use a font type that is compatible with most browsers and syst.

You can also use Web Font Services like Google’s free web font service, Adobe Typekit, Font.com, Webtype, Fontspring, etc.

9. Match the tone and the message:

A casual tone can use italic or verdana font but a formal tone is better laid out using Times New Roman or Helvetica. And a serious message cannot be displayed using comic sans. Even colors can alter the intensity of a message, like a green and purple combination provides a soothing effect, whereas a bold red font may draw immediate attention. While a bold or highlighting effect is recommended in some parts, its overuse will reverse the effect.

Also take into account font stroke and stroke weight. Typography conditions the character and attitude of a website. Wrong selection of font typography can produce a discordant effect from the intended message.