paint-brush
8 Foolproof Font Combinations For Non-Designersby@madihayameen
5,210 reads
5,210 reads

8 Foolproof Font Combinations For Non-Designers

by MariannaSeptember 3rd, 2018
Read on Terminal Reader
Read this story w/o Javascript
tldt arrow

Too Long; Didn't Read

Choosing a font can be an overwhelming process. What’s more nerve-wracking is to buy a new font. You don’t know how you will use it or if <em>goes </em>with your other fonts. Is it too much, too less? Is it for header, or copy? Am I ever going to use it? What do I pair with it? What font combinations work for which <a href="https://hackernoon.com/tagged/design" target="_blank">design</a>?

Company Mentioned

Mention Thumbnail
featured image - 8 Foolproof Font Combinations For Non-Designers
Marianna HackerNoon profile picture

Choosing a font can be an overwhelming process. What’s more nerve-wracking is to buy a new font. You don’t know how you will use it or if goes with your other fonts. Is it too much, too less? Is it for header, or copy? Am I ever going to use it? What do I pair with it? What font combinations work for which design?

Down below you will find 8 font combinations of three fonts which are made for each other. Each combination contains a Display/Heading font, Body Copy font, and a Script font (to spice things up?). You cannot go wrong with these sets even if you are not a designer.

*Asterisked fonts contain multiple fonts or extras.

1. Comic Elegance

This combination has a variety of uses. From blog to book covers, this combination of fonts works for whatever you want it to work for. Combining the elegance of Modern Talking with the playfulness of Spellbound, you get a perfect match. Milan, with its versatility, is in a league of its own.

Fonts:

Display: Spellbound Extrudes*

Script: Modern Talking

Body: Milan

2. Paintbrush and Pastels

Playing around with outlines and drop shadows completely transforms a standard looking font. This font set has a hand-lettered brush font, a sans serif outline font and a thin-line font. Again, completely versatile, readable and aesthetically pleasing.

Fonts:

Brush Font: Rock N Roll Baby Script*

Outline: Cactuso Outline*

Copy: Atlas*

3. Very Vintage

Vintage fonts can be the toughest fonts to pair. These fonts work for logos, monogram, social media posts, and almost anything. Once you get your colors right you will be well on your way.



Display Font: Hemera IISub Head Font: High ImpactParagraph Font: Sakkal Majalla

Photography: iseeyouflower

4. Neat Mechanics

Not unlike vintage and retro theme, digital flat art and/or vector illustrations sometimes give you a hard time when it comes to typography. Easiest route? Find something straight and neat. But how to make it not boring? There is where a marvelous font like Alexandria comes in.



Display Font: Alexandria*Sub Heading: Ciera SVG*Body Font: Quiche Fine Thin*

5. Tie The Knot

Just look how pretty the Desislava font is. You can switch it with the Script font and you will have another great variety. Keeping it simple with a serif stencil font, we have a fool-proof wedding font set.

Script Font: Belleson


Heading Font: Desislava Ornament 2*Body Copy Font: Quiche Stencil Light*

6. Corporate Air

Corporate doesn’t mean boring. There are a lot of choices for more ‘serious’ fonts other than Open Sans and Times New Roman. You need something straight, something readable in a smaller size and something grand. I have used the font Alexandria (the main font in this picture) above in a completely different way. A font can do two jobs.

Font:

Heading: Alexandria 2 Outline

Sub Heading: Sansterdam Thin

Body Copy: Nieven Regular

7. Not So Retro

So you need something retro, popping, and comic, but nothing vintage. And all you see is bold, decorative grunge-looking slabs. Try looking harder, try not to search for vintage when you are looking for similar fonts to these two. And remember to pick a straight sans serif for the copy.

Sometimes you need a simpler font to draw attention to the message.

Fonts:

Script: Gorgeous Italic Medium

Heading: Curator Italic Medium

Sans Serif Font: Solo Regular

8. So Minimal

Choosing fonts for a web or app design is quite tough as there is the added responsibility of text’s readability on all device sizes. You want to get the attention of the visitors in a glance.

Nobody will make an effort to make out the words unless they are getting something out of it.

The ideal font combination for an app works like this: one unique and eye-catching font to make the app stand out (mainly for the logo, landing page), one or two font for the buttons and the copy, and one font for accent, to counter anything monotonous.

Fonts:

Heading: Summer Of 76

Script Font: Allegoria

Body: Rosie Kiley

Choosing a font is only half a job done. You need to worry about a lot of things: placement, scale, contrast, colors, shadow or no shadow, to extrude or not to extrude etc. If all you can think about is placing the font as it is in a flat color, try Pinterest-ing the style you have in mind. Is it a social media header or a corporate business website banner? Search the terms and focus on the treatments of the font in the images you see. You will be amazed.