Hello there, pixel lovers! I hope your digital journey so far has been full of opportunities at every step. I´m covering today a very important pillar of design: fonts and font pairings.
So this post is for sure a good read for all of you interested in creating a strong brand for your business or even for those of you looking for inspiration for your clients.
I look at fonts and typography as being a cornerstone to any business. Getting some basic knowledge about what goes well together is a must in today’s digital world.
But font pairing can be indeed tricky if you are new to design. I´ve put together a brief explanation, some tips and examples on how to pair fonts.
First of all, it´s important to distinguish between types of fonts, or otherwise called typeface. Here are the main ones:
1. Serif: with “serifs”, those small lines attached to the letters
2. Sans Serif: without “serifs” on characters (“sans” in French actually means “without”)
3. Slab Serif: thick stroke weights
4. Script (Cursive): imitate handwriting & calligraphy
5. Blackletter (Gothic): old typefaces, used in medieval printing presses
6. Monospaced: every glyph is the same width
7. Handwriting: written by hand
8. Decorative: ornated, decorated and with irregular letters
Limit yourself to 2 or 3 fonts. Adding more than this can make your blog look amateurish, plus it can become very hard to read.
Use one font for headings and sub-headings, one font for the body of text and an additional one just if you want to add an extra accent to your blog.
Alternate font weights for contrast. You can even use the same font for a heading and the body of text if, for example, you make the heading bold and the body of text thin.
Just for fun, check out 36 inspiring quotes on typography that every designer should live by.
Examples of font pairings:
I have created a list that I believe works great for blogging. I recommend using the first font for headings and subheadings and the second one for the body of text.
Feel free to try any of these on your blog. All of these are free google fonts you can download on Google Fonts.
* This post may contain affiliate links. Please read my disclaimer for more info.