Bold Typography and Thick Fonts – How and Where to Use It Right

Web Design & Dev
Allison Reed 14 March, 2018
496
0

Bold typography has got an incredible potential when used appropriately, meaning in the right place and in the right quantity. In this article, we have gathered the best pieces of advice from top web designers on how and where to apply bold letters. Having learned about the qualities of the (un)appropriate bold text, we will offer you ten free bold fonts that belong to our favorite ones. Keep reading to learn more about the main advantages of bold text as well as risks that using bold typography involves.

bold typography main image

Appropriate Bold Text: Why to Use the Bold Typography

Reason 1. Let us start by saying that there is only one true reason why you need bold letters on your website. And this primary reason is to provide emphasis. In other words, the right way to use bold typography is to specify the content that needs to be emphasized and pick the appropriate thick fonts.

Reason 2. Thick fonts can also be used to demonstrate the visual hierarchy on a web page. It is especially important for multi-pages websites that contain lengthy descriptions. In short, bold fonts can function as guides when a document or a page looks overloaded with information.

This being said, you should remember that there are other effective tools to be used for this purpose, like underlining, a bigger font size, italics, the white space, tables etc. Ask yourself a question why thick fonts and not, let’s say, caps. Do you want to use bold typography for no good reason (or in other words – “It looks more appealing to me right now” and “This is the way I see my website”) or to make a certain point? If you answer involves “making a point”, then go for it – find a bold font and use it! If not, then obviously you should reconsider applying bold typography to your online project.

Reason 3. One more reason for adding bold fonts to your website is to attract more attention of your prospective online visitors. But again – explainer videos and galleries can be much more helpful than a plain bold text in this case, can’t they? So, make no mistake – there should be a clear understanding of the role of bold fonts on your website from day one.

Reason 4. It is also worth mentioning that bold fonts are used to ensure the high readability. It is already scientifically proven that people tend to notice (and read) large-print content first. When combined with minimalistic design, people can not help reading bold letters.

Appropriate Bold Text: Where to Use the Bold Typography

A good place for starting testing your bold fonts is a header. This is the place where your online customers expect to see a bold text, so why disappoint them? Adding bold letters to your header usually makes the emphasis on your logo design and a company slogan. As a result, these two elements according to the font psychology are easier to remember and recognize. Of course, this marketing strategy will work only if you use bold and neutral text in reasonable proportions.

What is more, it always makes sense to opt for bold typography when designing headlines for your blog posts. Creating a stunning combination of the classics and the modernity, bold fonts are capable of catching the eye of an online visitor like no other typography instrument.

Another content element that can be designed in bold letters is jump lines, like “Read more” or “Continued from Page 1”. Directing your online visitors to the next/previous part of your current blog post with an elegant button can bring your additional clicks. As a result, bold fonts are able to improve the conversion on your website.

Inappropriate Bold Text: Bad Bold Typography

There are several cases where bold letters would be perceived negatively. They include:

Too much bold typography

As you have read above, bold fonts should be used to emphasize a piece of important information. If you use these fonts too intensively, you may end up with online visitors who are too disoriented to pay attention to any of your content. So, make sure that you define the important information correctly and make it the visual center on your website.

Too lengthy bold text

If you are planning to have more than a couple of words (up to 6) emphasized with a help of bold typography, think again. The visual stimulation works only when it is accompanied by the substantial neutral content.

Overlapping emphasis

As we have already mentioned above, there are many different tools to demonstrate the hierarchy on the web page. Bold typography is simply one of them. However, when you opt for bold letters, it is advisable to minimize the usage of other (often overlapping) tools for emphasis. And sure thing there is no need to combine any of them. Believe me when I say that un­der­lined bold italics can be defined as a web design disaster.

Inconsistent thick letters

Once you decide that bold fonts should become an integral part of your website, do your best to save them for special occasions only. Pick a web element that is going to be bold and stick to it. Do not mislead your online visitors with the inconsistency, like having a bold logo on About Us page and a neutral one on all other pages. Now that you are fully informed about the advantages of bold letters, feel free to browse through the collection of free bold typography.

10 Free Thick Fonts

ADAM.CG PRO

bold typography image ADAM

COCO – Free Fashion Typefamily

bold typography image COCo

Eiffell Brush Script Font + Extras

bold typography image Eiffell Brush Script Font

Fela – Free Font for personal and commercial use

bold typography image Fela - Free Font for personal and commercial use

Fjord Brush Font

bold typography image Fjord Brush Font

Magna Typeface

bold typography image Magna Typeface

Mixa

bold typography image Mixa

Leafy Extended Brush Font

bold typography image Leafy Extended Brush Font

Peace Sans Bold Typography

bold typography image Peace Sans Bold Typography

Phenomena font

bold typography image Phenomena font

Summing up Bold Typography

We hope that you like the tips and a free collection of the best thick fonts we handpicked. If there are any of your favorite bold fonts we`ve missed – help us and comment them in a special section below ;). And sure, there are some other relevant articles on our blog you might be interested in.

Tags: fonts guide on web design typography web design tips web design trends
Author: Allison Reed
Allison is a professional content marketer and an inspired author. Marketing manager by day and a writer by night, she is creating many articles on business, marketing, design and web development. She loves working with website builders and CMS, and sharing her experience with the readers. Follow her on LinkedIn and Facebook.
Request a Callback
Our operator will contact you in
Our operator will contact you in
We can call you in 30 seconds, just enter your number below
Would you like a callback once we are back in office?
Please, enter valid phone
We can call you in 30 seconds, just enter your number below
30
No phone call?
Our manager will get in touch with you within next 24 business hours
Submit a Request
Feel free to reach our team with any concern, we will gladly assist you!