Disclosure: Some of the links in this article may be affiliate links, which can provide compensation to me at no cost to you if you decide to purchase a paid plan. We review these products after doing a lot of research, we check all features and recommend the best products only.

Do you know that fonts significantly affect your website? A bad font can ruin everything for you even if you get everything else right. A well-crafted content on your blog can give your readers and bad experience if your font is bad.

A font enables the reader to consume your content. And if it looks bad, you’re going to lose your visitors, conversions, and sales.

In a nutshell, your blog is not going to survive with a bad font. This brings us to the question:

What is the best Google font for websites and blogs?

This question cannot be answered without explaining the psychology of fonts.

In this article, you’re going to learn the best fonts for websites and blogs. Before we do that, we’ll also take a look at the psychology of fonts and what makes a font good or bad.

The Psychology Behind Fonts For Blogs & Websites

You might be thinking:

A font is a font. Why is there a need to dwell into the psychology of fonts?

And you’re totally right.

But there was an experiment conducted by Hyunjin Song and Norbet Schwartz that will make you rethink about the fonts you are using on your website.

In the experiment, two groups of people received a set of directions. One group received directions in a simple font while the other group received directions in a fancy font.

The group of people who received the simple font completed the given set of directions in 8.2 minutes while the group that received directions in a fancy font took approximately 15.1 minutes.

best fonts for websites

The results are eye-opening as just a font can make a huge difference in how people perceive information.

The same group of people were given a printed menu card. One with a simple font and the other with fancy fonts.

This time, the group that received the fancy font assumed that the chef was highly skilled and experienced while the group that received the card with simple font believed that the chef was inexperienced.

It can be understood from this experiment that different types of fonts appeal to people based on the situation.

In a nutshell, the semantic memory associated with fonts influences people how they feel about the content they’re reading.

So based on cognitive fluency, if your blog has a fancy and hard-to-read font, the information present in the content will also seem harder to do.

An example of cognitive fluency is an experiment conducted in 2014 where medical patients received set of instructions in different fonts. The patients who received instructions in harder-to-read fonts made them think the tasks were harder-to-do.

This is why choosing the right fonts are very important.

So what’s the best font?

You see:

It’s not that simple to answer this question.

And before we even get to discuss the best fonts, let’s first take a look at how to choose a font for your website or blog.

Watch this Video to know more about Typography

How To Choose A Font For Your Website Or Blog

Choosing a font for your website is not that easy. You might think that a font that looks simple and easy to read is perfect for your audience.

But it’s beyond that.

Here’s how to choose a font for your blog that not only catches the reader's attention but also helps create an emotional response towards your content.

1. Understand The Different Typeface Styles

Many people confuse fonts with typeface. Let me tell you this:

Fonts and typefaces are very different.

A font is a weight or a style of a particular typeface. And typefaces are basically different categories of fonts. For example, Times New Roman is a font and Sans Serif is a typeface.

Here’s a quick rundown of the different types of typefaces:

Serif

A font with short lines at the top and bottom of the letter are Serif fonts. Serif fonts are mostly used for print.

best sans serif google fonts

Serif fonts are associated with formal, classy and traditional feeling. These types of fonts are easier to read and simple.

Serif fonts should be carefully used on the web as with small size, they can get harder to read. It is recommended that you use Serif fonts for headings and titles.

The most common Serif fonts are:

Times New Roman, Georgia, Bodoni, Baskerville, and Garamond.

Sans Serif

Fonts that don’t have thin lines or serifs at the top or bottom of the letter are called Sans Serif fonts.

best google fonts for websites

This feelings associated with this typeface are clean, stable, modern, universal, simple, and objective.

Sans Serif fonts are widely used in the digital world. These fonts are perfect for your website and blogs. You can use a Sans Serif font in your headings, body copy, and anywhere on your website.

But do remember that not all Sans Serif fonts are good.

The best and most common Sans Serif fonts are:

Arial, Verdana, Helvetica, Futura, Calibri, and Century Gothic.

Script

Script fonts are handwritten fonts and are often considered as elegant and classy. These type of fonts can be used for headings but not for body text as it would be hard-to-read.

Script fonts may product various emotional effects and that’s why you should carefully use them in the right context.

free googie fonts

These types of fonts are most commonly used in Valentine Day cards and wedding invitations.

Script fonts are usually characterized as feminine, expensive, beautiful, delicate, fancy, and warm.

Most common Script fonts are:

Lobster, Lucida, Pacifico, Brush Script, and Comic Sans.

Modern

Modern fonts have thick bold lines. These fonts are used in photography blogs. Modern fonts attract millennials.

modern google fonts

These fonts are suitable for use in blog header and titles.

Modern fonts are associated with smart, trendy, intelligence, style, and sharp.

Examples of Modern fonts are:

Impact, Infinity, Majoram, Rockwell, and Agency.

Monospaced

Monospaced fonts are those that have larger spaces between them. These fonts look like they were written using a typewriter.

best serif google fonts

This typeface is not recommended for using on websites and blogs as they make the text harder to reader.

Examples of Monospaced fonts are:

Courier, Consolas, and Monaco.

Decorative

Custom created fonts that don’t fit to any of the above category of typefaces are decorative fonts. These fonts are high-stylized and not at all ordinary.

best web fonts

These fonts are mostly fun, joy and emotional. Decorative fonts are good for headlines but don’t ever use them for your body text thinking that they look good.

Common decorative fonts are:

Letterpress, Escalope, Pinto, and Gotcha.

So that’s all about typefaces. Having an idea of typefaces helps you understand the different types of fonts.

It also helps you find and make a combination of different fonts.

2. Pick A Bigger Font Size

If the font size of your blog is 12pt, change it right away.

Always go for bigger font size because you don’t want your blog visitors to squint while reading.

Many designers now claim that 16pt is ideal for your content. And if you still feel that your font size is small, try increasing it from 16pt to 18pt.

Here’s the font sizes of some websites:

  • Medium: 22pt
  • The Next Web: 16pt
  • Neil Patel Blog: 18pt
  • Moz: 18pt

3. Don’t Forget The Font Spacing And Height

This a crucial aspect as it effects the overall readability of your website.

Take a look at the image below:

website friendly fonts

Now, which text seemed easier to read; left or right?

I believe your answer would be right. And here’s why:

It’s because the spacing of the font is more and hence it becomes easier to read it.

Similarly, the height of the font is also an important factor and should not be ignored. You should make sure that your paragraph lines are not too close to each other.

4. Your Font Should Align With Your Brand Tone

Most websites don’t do this.

Your fonts should align with your brand tone. So, if you’re a health company and are using fancy fonts, you’re going to have a hard time getting visitors to your website and converting them.

Not only this, you should make sure you use the same fonts you use in all your brand messaging.

Here’s what I mean by this:

The fonts you using for marketing on social media and the fonts on your website should be the same.

But:

This is not necessary. It just has some added benefits of your brand appearing consistent on the Internet.

If you cannot use the same fonts, at least try to use fonts that look similar.

5. Browser Friendliness

Not all fonts are compatible with browsers. You can download all the good fonts you want to but it will be a disaster if they aren’t compatible with all browsers.

To make sure that your font is compatible, check the format of the font you are using. There are several font formats.

Some of them are:

  • EOT (Embedded OpenType)
  • OTF (OpenType)
  • TTF (TrueType Font)
  • WOFF (Web Open Font Format) and WOFF2
  • SVG (Scalable Vector Graphics)

This infographic here shows which fonts are compatible by different browsers:

free font applications

As seen from the above image, the TTF and WOFF format are compatible with almost all browsers.

So, make sure the font you are using on your website is of that format. If you’re on WordPress and using a font that came with your theme, you don’t have to worry about anything.

But, if you have uploaded custom fonts, you have to check their format. You can also convert your fonts from one format to another.

Resources To Find Fonts For Websites & Blogs

The last thing we’ll discuss before I list the best fonts for blogs is the places where to find them. These resources will help you find fonts.

1. Google Fonts

Google Fonts is the go-to place to find web fonts. You can find and download fonts from Google Fonts for free.

There are over 800 font families in Google Fonts and you can find the best one for you by filtering them based on the typeface, language, and other properties.

Google Font also gives you instructions on how to embed a font on your website. It also gives you control over the different styles of the font to download.

2. MyFonts

While Google Fonts is a good resource to find web fonts, their library is still small. MyFonts has the largest collection of fonts with over 130,000 of different types.

If you want information about new and trending fonts, MyFonts is the perfect place for you. You can find fonts based on your style

3. Font Squirrel

Font Squirrel is a free font directory with over hundreds of fonts that can be used for commercial use.

To use fonts from Font Squirrel, you’ll have to download them and upload it on your website unlike Google Fonts, where you don’t have to host fonts.

4. Adobe Typekit

Adobe Typekit is also one of the biggest font directories with over thousands of fonts from the best designers around the world.

You can explore the complete family of font and find fonts of different typefaces.

The best part about Typekit is that you can directly use fonts for your website without worrying about the licensing of the font.

5. WhatFont

This is not a font directory but an awesome Chrome extension which lets you find any font being used on a website.

how to download a google font

Once you download the extension, you can use it to find fonts used on a website. It gives complete details about font, family, style, weight, size, and color.

WhatFont is great extension if you want to find out the name of a font you like.

6. FontReach

FontReach is an awesome tool that shows the fonts used by the top one million websites.

best fonts for websites

You can also search for a font and find out which websites are using it.

It also shows the rankings of fonts based on the number of websites using it. This is a very helpful tool if you want to learn more about the font and it’s use on the web.

List of Best Google Fonts For Websites & Blogs in 2019 With Examples

Here are the top 31 fonts we found on popular websites.

1. Arial

It most used font on the internet and was drawn in 1982 by Robin Nicholas and Patricia Saunders.

free font to download

Arial font never looks bad on any website. You can use it anywhere on your website. From headings to body of the text, this is one of the most familiar fonts and will lead to better readability.

The font is used by Facebook, Google, Amazon, Reddit, Huffington Post, Buzzfeed, and many other websites.

Typeface: Sans Serif

Best Use In: Anywhere on the website

2. Verdana

This Sans serif typeface font was designed by Matthew Carter and has become very famous because the quality of the font doesn’t degrade on small resolutions.

best fonts for blogs

For this reason, Verdana is used by over 200,000 websites and is perfect for any kind of website.

Some websites using this font are Ebay, Pinterest, Apple, Flipkart, Quora, WordPress, The Guardian etc.

Typeface: Sans Serif

Best Use In: Anywhere on the website

3. Georgia

Another font designed by Matthew Carter, Georgia is the most widely used Serif font on the internet.

best google fonts for blogs

Brian Dean from Backlinko uses this font for his blog’s content:

best google fonts for headings

The font is perfect for using in your blog post content as it’s easily readable. You can also use it in your headlines, but I would suggest a combination of Georgia and a Sans Serif font to have some contrast.

Websites using this font include BBC, Forbes, TripAdvisor, Business Insider, and more.

Typeface: Serif

Best Use In: Body text of your blog posts and website

4. Lato

Lato is an open-source font family designed by Łukasz Dziedzic in the year 2010. Though the font is relatively new, it has become widely popular and is used across many different websites.

good blog fonts

Moz uses this font heavily on their website:

best font for a blog

The Lato font family is so diverse that there are many different styles available which makes it perfect for use in anywhere in your website.

You can use the bold style of Lato font for your website headings and use the normal style for your blog content.

The font is used by websites such as Freelancer, Grammarly, Alexa, Starbucks, Buffer, and more.

Typeface: Sans Serif

Best Use In: Anywhere on the website

5. PT Sans

As the name suggests, PT Sans is a Sans Serif typeface which is open-source. The font is very simple and used widely in many blogs.

best google fonts for titles

An example of a website using this font is Ahrefs:

best fonts for website headers

Other websites using PT Sans include ClickFunnels, Story Pick, Social Media Examiner, Hollywood Life etc.

Typeface: Sans Serif

Best Use In: Anywhere on the website

6. Gotham

Gotham is a perfect font for headlines and titles as it looks stunning with its style and width. It is a sans serif font and was introduced in 2000.

popular blog fonts

Backlinko uses this font for the blog post titles and headlines and you can clearly see how stunning it looks:

best google font for website

You can use it for your body text too but I would suggest using it for headlines and complementing the font with a sans serif font for the body text.

Some notable websites using this font are Dropbox, Upwork, The Verge, Hostgator, Rolling Stone, Vox, and more.

Typeface: Sans Serif

Best Use In: Website headlines

7. Merriweather

This serif font was designed by Eben Sorkin and is an open-source font. Merriweather is a very simple and elegant serif font and is suitable for headlines.

fonts for website

If you’re looking for a classic look for your website, this font is perfect.

Websites like GoodReads, Bored Panda, Harvard, Daily Dot, and Encyclopedia use this font.

Typeface: Serif

Best Use In: Website headlines

8. Oswald

Oswald is a font designed by Vernon Adams from Google. This sans serif font was initially launched in 2011 and was updated till 2014.

free googie fonts

New bold and light weights were added to the font which make it more modern looking. The font looks stunning in bold weights which is why it’s perfect for using in headlines.

Search Engine Land uses Oswald font for their headlines:

best serif fonts google

The font is also used by websites like WWE, PhoneArena, TomsGuide, ClickBank, and CreativeBloq.

Typeface: Sans Serif

Best Use In: Website headlines

9. Roboto

Used by over 21,000,000 websites, Roboto font was designed by Christian Robertson.

most popular fonts for websites

This font is used everywhere and you might not even know. The font is perfect for headlines and body text because of the different styles and weights available.

Some big websites using Roboto font are YouTube, AliBaba, Vice, NDTV, Asus, TMZ, Start Sports, and more.

Typeface: Sans Serif

Best Use In: Anywhere on the website

10. Helvetica Neue

Designed in 1983, this font is one of the best fonts in the world. And that’s because it has over 100 different styles.

fonts for web design

This makes the font perfect to use anywhere on your website. You can use the bold weights of the font in your headlines and use the regular weights in the body text.

This is also the font Apple uses almost everywhere:

free google fonts

Websites using Helvetica Neue include GitHub, StackOverflow, Whastapp, SlideShare, Yelp, Vimeo, Pandora, and more.

Typeface: Sans Serif

Best Use In: Anywhere on the website

11. Montserrat

Montserrat font was designed by Julieta Ulanovsky. This is a bold and modern looking font used by many websites.

good google fonts

The font can be used on different types of website and anywhere on the website.

Websites like NBC, Movie Pilot, TomsGuide, and LeadPages use this font.

Typeface: Sans Serif

Best Use In: Anywhere on the website

12. Tahoma

Tahoma is a font by Microsoft designed by Matthew Carter. It’s one of the most popular sans serif fonts and is used widely on the different website.

top website fonts

The font is simple yet elegant which makes it perfect for use on blogs and websites.

ZippyShare, Marca, MakeMyTrip, Khan Academy, and Variety are some websites using this font.

Typeface: Sans serif

Best Use In: Anywhere on the website

13. Archivo

good title fonts

14. Rubik

most popular fonts for websites

15. Source Sans

best fonts for blogs

16. Work Sans

google sites fonts

17. Ubuntu

blog fonts

18. Poppins

best blog fonts

19. Oxygen

best google fonts for blogs

20. Open Sans

fonts for blogs

21. Source Sans Pro

best google fonts for headings

22. Slabo

good blog fonts

23. Raleway

best font for a blog

24. Lora

best google fonts for titles

25. Nunito Sans

google fonts for headings

26. Prompt

best google fonts for logos

27. Zilla Slab

website header fonts

28. Bitter

best fonts for website headers

29. Proxim Nova

best google fonts for website

30. Vollkorn

google fonts for websites

31. Maven Pro

best google fonts for websites

What are the Best Font plugins?

If you are using WordPress, there is good news for you. WordPress gives you the functionality to change your fonts with easy by using Plugins.

Here are the top 10 typography plugins.

1. Easy Google Fonts

wordpress font plugins

Easy Google Fonts is one of the best plugins to change the fonts of your blog. They have 300,000+ active install which makes it one of the most used typography plugin in WordPress.

With Easy Google Fonts, you can take full control of your typography with 600+ Google fonts.

2. WP-Typography

best font plugin for wordpress

This plugin supports over 70 languages which makes it one of the popular plugin for content creators in every language.

This allows CSS hook styling of fonts with ease.

3. Google Fonts for WordPress

wordpress typography

This live Google fonts customizer gives you the freedom to choose from 870+ awesome fonts.

You can use this plugin with any WordPress theme in the market because of its awesome compatibility. All the fonts are SEO optimized and the loading of fonts is impressive.

4. Font Awesome

font plugin wordpress

If you want to make your blog Font awesome icons compatible, your search ends here.

This is an official plugin created by Font Awesome team.

5. Custom Fonts

wordpress fonts plugin

With this plugin you can embed many font files (woff2, woff, ttf, svg, eot) easily in your WordPress website.

You can upload as many fonts as you want and use them in your WordPress theme.

This plugin can be best used if you are using some premium fonts at your blog.

6. Better Font Awesome

wordpress font plugin

This plugin enhanced the Font Awesome plugin's features by adding CSS, shortcodes, and TinyMCE icon shortcode generator.

If you want some advanced features with Font Awesome plugin, you can install this plugin.

7. WP Font Awesome

best fonts for wordpress

This plugin allows you to easily embed Font Awesome icon to your website using HTML or built-in shortcode handlers.

8. Seed Fonts

best font plugin for wordpress

Seed Fonts is WordPress plugin that helps you use web fonts (@font-face embed) easier.

SeedFonts is an awesome plugin having bundled Thai-English fonts. With this plugin, you can use your own fonts uploaded in your desired folder.

WordPress Themes with in-built Fonts

So you have understood everything about the fonts, font sites, and plugins in this article. Now you must be thinking to have a theme where you can have all the Fonts pre installed.

Having the fonts pre-installed not only gives you more freedom to work with our theme, but you save your server time and space too which otherwise you occupy with a plugin.

So here are 2 themes which we recommend, if you want to have inbuilt fonts in the theme.

1. GeneratePress

wordpress font plugins

GeneratePress is the best theme ever created in WordPress. We love this theme so much that this blog is using GeneratePress theme and 90% of my other blogs are also using this theme.

GeneratePress gives you the freedom to access all the Google fonts, third-party fonts and the fonts uploaded by you.

best font plugin for wordpress

GeneratePress premium is available in just $49 only. It gives you.

  • All premium modules
  • Full access to the Site Library
  • Unlimited websites
  • 1 year of updates & support
  • 40% renewal discount
  • 30 day money back guarantee

2. WP Astra Theme

Another theme we recommend is, WPAstra.

wordpress typography

We are using this theme at our official website AffloSpark.

They have inbuilt fonts to help you make awesome websites by choosing any font which aligns your business.

font plugin wordpress

Conclusion

Choosing the right font for your blog or website is crucial for your presence as you may have learned from this article. It is not only important to have knowledge about the fonts, but also a good understanding of the combinations of fonts and what makes a font look good on a website.

That being said, the above fonts for websites mentioned in this article are perfect to use on your website or blog. But do check the recommendations for each font.

And one last tip:

Always strive to have some contrast between your fonts. Try to use a combination of a serif and a sans serif font.

Also, don’t forget the size of the font you’re using. Make sure the font is big enough to be read easily on any device of any resolution.

Now:

If you have any questions about using fonts on blog or websites, do leave a comment below.

Frequently Asked Questions

What font size is best for blog posts?

18px to 20px is the most readable font of the blogs and websites.

What is the most eye friendly font?

The most eye-friendly font is Arial. It is a sans-serif font that is easy to read and has good legibility characteristics. It is designed for low-resolution screens, so it can be easily read on desktops and mobile devices. It is also a popular choice among designers.

What are the 7 universal fonts?

The 7 most popular universal fonts are Arial, Times New Roman, Helvetica, Calibri, Courier New, Garamond, and Georgia. These fonts are web-safe, meaning that they will work across all browsers and devices. They are also easily readable and legible, making them ideal for use on websites.

What font is best for mental health?

Lexend fonts are designed with mental health in mind, and are intended to reduce visual stress and improve reading performance. These fonts are designed with dyslexia and struggling readers in mind and have been proven to improve reading speed and comprehension.

What is the cleanest looking font?

Proxima Nova is a clean, minimalist font that is well known for its versatility. It has a modern style that doesn't draw attention to itself, making it ideal for websites. It offers various weights and widths and works well at different screen resolutions. It is also easy to read, making it a great choice for small text on screens.

What is the most readable font color?

#333 is the most readable font color which looks good on all devices. This color stands out mostly on light color background and most preferable is white background.

What is the most classy font?

The most classy font is Georgia. It is a serif font that is easy to read and gives off a warm and familiar feeling. Its rounded edges make it ideal for mobile responsive design. It can be used for headings and titles, as well as body text.

Similar Posts

5 Comments

  1. Hi, sir All the Font Recommendations are really awesome.
    can you tell me which font is being used in The Blogging Cage?
    because the I found fonts on this website are really appealing and easy to read as compared to other sites.

  2. Hey, you wrote a really nice and elaborated article, Can you please tell me which font style I should choose for headings. Can I use the same font style in headings as of my body. Please help.

Leave a Reply

Your email address will not be published. Required fields are marked *