Four Common Font Types and When to Use Them

When you’re first memorize the nuances of typography, all those different typeface sorts is also available baffling. You might know the difference between serif and sans-serif, but do you know the right time to use them? And what about the dozens of subtypes?

There are four main types of typefaces you can use in web design, each with their own distinctive gape. Not sure where to begin? We’ll give you a little typography guidance so you can design a website that perfectly transmits the attitude you’re going for.

UNLIMITED DOWNLOADS: 400,000+ Typefaces& Design Asset



Serif Font Examples

Serif fonts are the go-to for nice and professional schemes. These stylish typefaces are distinguished by the little smashes lengthening from the movement of each letter. Serifs have long been used for extended channels in book. They generate websites an old-fashioned, sophisticated tone.

In general, serif typefaces are suitable for almost any situation: headers, form verse, small to large sizes, and short-lived or long photocopy- they should only be avoided in very small sizes. Some too claim that serifs are less screen-legible.

Old style: Extending back to the 1400 s, these serifs are differentiated by low-spirited word compare and oblique stress. Transitional: Transitional wordings bridge the gap between traditional and modern serifs. You begin to see more wrinkle distinguish and stylistic additions. Didone: These modern serifs have startling boundary contrast, and are very commonly used in print segments. Slab Serif: Wide, bold, and instantly eye-catching, slab serifs conclude great showing typefaces.


Sans-Serif Font Examples

Throughout history sans-serifs were scorned in favor of their more handsome cousins, but the bold and readable typeface is now used to represent modernity, simplicity, and efficiency.

Sans-serif typefaces shortcoming the smaller motions at the end of words, and as a result are more legible on screens and at smaller immensities. These typefaces are a jack of all trades, and look great at any size and in any segment of text. Use them when you’re shooting for a modern or minimalist vibe.

Grotesque: The earliest sans-serifs, these fonts are simple and adventurous, often with a square influence to them. Neo-Grotesque: Neo-Grotesques less resemble early serifs, with a more minimalistic style. Geometric: Made of simple appearances like cliques and squares, these have an appealing simplicity but are a little less legible in person type. Humanist: Inspired by calligraphy and old-style serifs, humanist typefaces are peculiar with most diversified course diameters.


Script Font Examples

Script typefaces are defined by their handwritten, cursive- or calligraphy-like style. They creating the grandeur of serifs with a more genuine and beautiful design.

Unlike serifs, nonetheless, scripts aren’t concluded for legibility. They shouldn’t be used as body text or verses longer than a section or two. They are so beautiful as headers, insigniums, or short quotes. If you need something a little more unique, try a dialogue font.

Due to its unique nature, this typeface is hard to classify, but there are a few distinctive categories.

Formal: Inspired by handwriting from the 1600 s-1 800 s, formal dialogues often have sizable, drastic loops-the-loops and antiquated styling, and appear to be drawn with a quill or pen. Casual: Casual scripts are just as beautiful but less formal, looking more like fancy modern handwriting. Often, they inspect as if drawn with brush blows.

Decorative/ Display

Decorative and Display Font Examples

The last font type, and the hardest to pin down, is decorative/ display typefaces. These typefaces are the most unique and come in any kind of style you can think of, from graffiti to abstract to three-dimensional typeface types.

You may be able to get away with using a script typeface in a paragraph if you’re feeling adventurous, but decorative fonts belong merely in single sentences and as header verse. They’re designed for mode , not legibility.

There’s also mark fonts, which expose letters as many embroideries like faces or objectives. This can have some apply as decoration.

Display and decorative typefaces are optimized for call at very large sizes. Use them anywhere but your figure text.

Appoint Better Font Palettes

Now that you know how to use every type of font, it’s time to put together a typeface palette for your blueprint project. Most websites use two or three main typefaces, a header and form font.

Remember to use the rule of compares. You could use a dialogue header typeface and competitor it with an chic serif, or serif organization text with an eye-catching sans-serif title. You could even try two of the same kind of typefaces, but pick a bolder showing typeface and comparison it with a clean form font.

Your alternatives are unlimited, so experiment with different spices of typefaces and identify what happens.

Read more: