Do you have a blog and you are looking for a good font to use on it. Readability plays a great role in the success of a blog.
You must have a good font for visitor attraction. If you use bad font on the blog or website, you may loose visitors.In turn, that will affect your SEO. Also, the font trend is changing at high speed in 2019.
In this article, I am going to show you 10 best fonts for blog and websites to use in 2019. Before showing you the best fonts, I want you to look at the psychology of the fonts like how to choose best font for your website. Let’s start.
The Psychology of the Fonts
If I show you the hard to read font, you may not be able to read it properly. Same experiment was done by two namely Hyunjin Song and Norbet Schwartz.
They presented two types of fonts to the two chosen groups of people. One font was simple and easy to read. Other was stylish(fancy style) but hard to read.
The result of the experiment conducted by the two men was:
- Simple Font Result: It took 8.2 minutes to read the set of directions.
- Fancy Font Result: It took approximately 15.1 minutes to read the whole set of directions.
The image of the given set of directions is below.
As you may see in the above image, after every sentences there is a direction, which is “Do 6-10 Repetitions”.
That is why it took such long time to complete the experiment.
So from the cognitive point of view, the harder the font is, more it is harder to read.
It is not easy to say which font is right for you. But there are many ways to choose a right one for ones needs which I will discuss next.
Choosing a Good Font For Blog or Website
No one is perfect in choosing the right font for the blog or website. But there are few things to check before using any font on the live blog.
The things I will mention below make fonts good or bad. You may ask that the font which is simple and easy to read is good for the blog.
But, It is not truth, e.g; if your font is simple but the typeface isn’t good, then it puts impact on your web design.
So we will say, there are many things to check before buying or downloading a font.
The things which catch user attention and make your blog attractive are discussed below.
#1. Typeface Styles
Typeface is a design of font like each typeface has its own style, weight, width, etc.
We can say “Font is far different than Typeface”.
Each design has its own impression, so fonts also have designs like rounded, short-line at the tip, etc.
Various typeface are available and few of them are below.
List of different Typefaces
- Serif: Serif fonts have short lines at the top and bottom of letter. The fonts belonging to this typeface are easier to read and are associated with classic feeling.
As I said before, No one among us is perfect, so does this typeface. One shortcoming of this typeface is its size. If we use smaller font size, it becomes hard to read.
The popular fonts belonging to this typeface are: Times New Roman, Georgia, etc.
- Sans-Serif: Sans-serif fonts doesn’t have short-lines at the top or bottom of the letter.
All the fonts belonging to this typeface are not good, so you should choose them carefully. This typeface is associated with modern design.
Many designers recommend using this font because it is lot easier to read. Even we at WebsiteGuider use Sans-Serif font. The best fonts
- Script: Script fonts are considered as classical and are handwritten. They are best suited for valentine cards and headlines.
They are expensive but are not considered good for body text. You should use them carefully.
- Modern: Modern fonts have thick bold lines which are good for titles and blog headers. They are catchy, stylish and smart.
- Monospaced: Monospaced fonts look like the typewriter writing. You will not find any recommendations to use this font for body or headlines.
But this font best suits if you have any code. You can use this font for any code type.
#2. Font Size
Font size also plays a great role in the web design. If you have smaller font size, then the visitors may not be able to read the text properly.
Font size of 18px is optimal for better text reading. As a web designer, I personally recommend you to use 17px font size.
Here is my recommendation for font sizes you can use for your blog or website.
- Titles: You should use h1 tag for titles and the font size should be between 34px-36px.
- Headings: You have many options for headings, e.g: for h2 tag you can set font size to 30px.
- Body: You can use 17px of font size for body text.
#3. Font Space and Height
Font space and height play crucial role on the overall readability of the website. The font you will use must have an optimal font spacing.
Less font spacing can make the text harder to read and more font spacing can make text look bad.
So It is advised to use font which has optimal font spacing height.
Above were the few things which every blogger should consider checking before using any font. Yet there are many other things but these were important.
Let me show you the 10 best fonts you can use on your blog.
10 Best Fonts For Blog and Websites To Use In 2019
The 10 best fonts for blog and websites you can use are listed below.
- Sofia Pro.
- Helvetica Neue
- Without Sans
- Vega SB.
The fonts listed above include free fonts as well as premium fonts. Let me tell you little about each font.
#1. Sofia Pro
Sofia Pro is a sans-serif font. If you have a high authority blog, you should consider to use it. It is stylish, beautiful and modern.
We use this font, you don’t have to look for any example site. I took me 1 week to decide whether to use it or not.
Sofia Pro is a best find for any blogger or web designer.
Jotia is a combination of both serif and sans-serif typefaces. It is a modern font and makes the text to look unique.
This is similar to Sofia Pro to some extent. This font can be used for any purpose.
Troia fonts have rounded corners and comes in three weights: normal, bold, italic. This is the best font for logos, blogs, websites, t-shirts, etc.
This font has also light font. Troia can also be used anywhere on the website.
This is one of the famous fonts and is used by more than 1 million websites. This font also belongs to sans-serif typeface.
Various popular sites like Ebay, Pinterest, Apple, etc use this font.
If you want to use modern looking font on your website, this may be best font for blog. The designer of this font is V. Adams from Google.
This font best suits headlines due to its bold nature.
You may have heard of MOZ, they use this font on their blog. It is also used by many sites.
The popular sites using this font are Grammarly, Alexa, etc. It comes in different styles so making it good to use anywhere on website.
#7. Helvetica Neue
One of the oldest font today and has over 100 different styles. Its styles are so versatile, that we can use it anywhere on the website.
Popular sites using this font are GitHub, StackOverflow, etc. This is a sans-serif typeface based font.
Montserrat is a modern looking font and is used by hundreds of websites.
This font can also be used anywhere on the blog or website. The popular websites using this font family are NBC, Movie Pilot, etc.
#9. Without Sans
This font was designed by Felipe Sanzana and Diego Aravena. Without Sans is a sans-serif font.
It comes in 10 weights. We can say, the font can be used anywhere on the website. The font is best for logos, magazines, blogs, advertising, etc.
#10. Vega SB
Vega SB font belongs to Scan-graphic typeface and comes in two versions. One version is best suited for headlines and other is best for body text.
Vega SB has optimal letter spacing and height.
Above were the 10 best fonts for blogs and websites. You may ask “Where I can find best fonts if I didn’t loved the list you provided?”. The answer in nutshell is below.
Resources To Find Fonts
Thousands of font resources are available but few of them are the best which I am going to tell you. Many font resources are free and many are premium. The list of font resources where you find best fonts are discussed below.
#1. Google Fonts
Google Fonts is the best resource for free fonts. They have more than 500 font families. The reason for giving it first number in the list is that they host fonts themselves.
You don’t have to worry about the hosting of fonts. Google Fonts provide instructions regarding embedding, font style, etc.
#2. Adobe Fonts
Adobe Fonts is a best resource for premium fonts. You can find lots of fonts.
They have a huge collection of fonts. We also bought Sofia Pro from Adobe Fonts.
If you want to explore new and trending fonts, you should visit this font resource once. They also have huge huge collection of fonts.
Google Fonts is a good resource for fonts but they still have low quantity of fonts. Myfonts have more 100k fonts.
I hope you loved the list of best fonts for blog and websites. Please do share with your friends and don’t forget to drop a comment.
Suggestions and questions are always welcomed.