When you think of Google web fonts the first thing that comes to mind is that only designers are interested in them.
That might be true but there’s also us, bloggers, who search for the best Google web fonts for headlines or headings to spice up our blogs with beautiful typography.
Here’s the deal:
The fact is that the headlines are more important than you may think. Just like a slow loading website can push away you visitors, a ugly headline font or heading can do the same thing.
Choosing a font that doesn’t look right or making the blog titles too small is another way to loose a few readers.
Stylish Law & Justice. Free PowerPoint Template & Google Slides Theme Download this professional design to boost your presentation. The formal design in this free presentation template gives credibility to your message and it will get you the trust of your audience. The cool thing about the Google web font library is that there are many great fonts to choose from. How To Add Any Google Web Font To Your WordPress Blog. Most bloggers just use the headlines font embedded in their WordPress theme not knowing that they can easily change them. In fact a lot of WordPress themes have an option to easily change them.
A while back I was searching for some fonts for my headlines and it took me a while before I made a personal selection.
To make your headlines awesome you need a catchy title and a cool font.
I personally want my headlines to be:
Why? Because they are easy to read and grabs your readers attention easily.
The cool thing about the Google web font library is that there are many great fonts to choose from.
How To Add Any Google Web Font To Your WordPress Blog
Most bloggers just use the headlines font embedded in their WordPress theme not knowing that they can easily change them.
In fact a lot of WordPress themes have an option to easily change them.
Free Fonts For Google Slides
For those who don’t have this option you can use some WordPress plugins to add any Google web font to your website.
You can change the font of your titles, your awesome content and even the navigation, to the ones you desire.
This way you have much grater control of your blog’s typography and you can experiment different combinations until you find something you like and fits your overall design.
Bellow are some of the best plugins for adding Google web fonts to your WordPress website.
Cute Fonts For Google Slides
Here are 9 Best Google Fonts For Headlines
Here’s a selection of the nicest looking fonts for headlines, headings and titles for those who want something different.
Roboto Condensed is a nice looking font, great for long headlines in my opinion.
Why? Because you can squeeze more words in your titles without making them too large.
I especially like the bold 700, but that’s just me.
Fira Sans is another great Google web font for headings, especially if you are looking for something different.
There’s no right or wrong way when it comes to choosing the perfect font for your blog, all you have to do is test a bunch of them and then select those that fit best your overall design.
And Fira Sans is definitively worth testing!
Lora was designed by Olga Karpushina in 2011, and it’s just awesome. Not only for headlines, headings or titles, but it can also be used as body text (content).
The italic version looks amazing as well.
I used to like Signika, but for some reason it just doesn’t fits my overall blog design when it comes to headlines.
But still it’s a great and definitively worth trying it on your website.
Cabin is another nice font for headings and headlines.
It’s also great for content as well.
In my opinion the bigger and bolder the better, so the semi-bold version appeals to me the most.
The Oswald font is a personal favorite of mine.
I don’t know why, I just like it…a lot.
In fact MyBloggingThing used this font for titles for a long time until recently when I changed it to Oxygen.
Font Awesome Google Slides
Arimo font was designed by Steve Matteson and I have to say I quite like it, although I haven’t test it on my blog.
It can be used for content as well not just for headlines.
Droid Serif is another personal favorite, just because it’s widely popular and looks great especially for blog titles.
It can also be used for headings and content or body text.
I haven’t yet tested Arvo on my website, but I very much like it. I just didn’t have the time to see how it looks on my blog.
Although I did not test it I still consider it to be one of the best Google Web fonts for headlines.
What About You?
To sum up this short post remember that these are just some of the fonts I like the most for my headlines, fell free to browser more at Google Web Font library and pick whatever you like the most.
The easiest way is to go trough the Google web font library and make a list of some fonts.
Then you can easily add them to any WordPress theme to see how they look on your website.
Now back to you: What is you favorite Google Web font for headlines? What about for content (body text)?
I love to hear your take on this, just let me know in the comments bellow.
Since webfont support is basically universal there’s no good reason to stick to the defaults. Google Webfonts is the largest source of free fonts with hundreds of typefaces to pick from. Since page headers are the strongest elements they usually work best with custom fonts. However it can be tough whittling down the best choices for header fonts, and that’s exactly why I wrote this post.
UNLIMITED DOWNLOADS: 400,000+ Fonts & Design Assets
Starting at only $16.50 per month!
The first in my collection is Montserrat. This font can work for pretty much anything but I think it works incredibly well as header text.
I’ve used this for navigation text with all caps, customized letter spacing, along with many different font styles from thin to super thick. Montserrat fits the bill perfectly across the board and it’s one of the more universal fonts blending into anything from a tech blog to a funeral parlor website.
The font only weighs about 500 bytes using the default style so it’s incredibly light. And with so many different styles you can get a lot of different looks from this one family.
If you’re looking for a unique heading font try Montserrat. It probably won’t work for everyone but it’s a safe starting font that many designers love.
A much thicker serif alternative is Merriweather which I also like as a body font. This versatile typeface really looks great anywhere on your site and it’ll bring plenty of attention to your headers.
If you try Merriweather for a larger page heading I suggest using the bold or bold italic style. They are surprisingly clean but they probably need some letter spacing adjustments. Either way the style and darkness of the letters are super easy to follow.
When pairing this font I usually do a sans-serif body typeface. The contrasting styles create a natural divide between headers & body copy. Plus most people find sans-serif easier to read on average for body content.
But I see a lot of sites with serif headers and they all look great. Merriweather is a nice starting point for serif, but if you don’t like it you’ll find tons of alternatives in this post.
3. Josefin Sans
Modern and classy best describes Josefin Sans. It feels like a font straight from a 1950s jazz lounge, or maybe something you’d see on the front page of The New Yorker.
It does have a distinct curvy style and the thin letters save a lot of horizontal space. You can toy with all-caps or different letter spacings to create many unique styles all from this one font family.
Some sites just look better with thin heading fonts. If you’re looking for one to try I absolutely recommend Josefin Sans with its unique letter designs and its many bold/italic styles.
One other serif font I really like is Arvo. This font has a lot of character which you’ll notice right away in the bolder styles.
I really feel like Arvo works best on blogs and digital magazines because the font grabs so much focus. It’s one of the strongest fonts in this list and the serif design grabs even more attention.
If you’re launching a magazine-style blog then Arvo can work well as a strong header. But if your blog works better with sans-serif fonts this can be too much. One alternative that’s a bit more subtle is Crete Round but it doesn’t have the same eye-catching appeal as Arvo.
I’ve seen Raleway on many larger blogs and online magazines for its distinct style and large variety of font variations.
For big heading text I think a mid-level thickness works best so the letters don’t get too wide. Default letter spacing is great so every word is clearly legible.
One feature unique to Raleway is the “w” letter form. It crosses in the middle which looks like two “v”s stacked together. Some may like this, others won’t. But it’s definitely unique to Raleway so it’ll stand out in your page headers too.
One of the newer fonts I found recently is Catamaran. It comes with 9 font styles from thin to black and varying thicknesses inbetween.
What I like most about this font is the offbeat lettering. Each letter takes on a very unique style and you can see this in the bolder styles. When used in heading text these letters really shine and jump off the page.
Because the bold styles are so thick you should only use Catamaran in headers with larger font sizes. It can look OK at all sizes but Catamaran really feels like a thick header typeface.
7. PT Sans
PT Sans is soft with smooth edges and thin letters. For headers I only like the bold style of PT Sans because the “normal” style just feels way too thin.
I also prefer PT Sans for headers only since it just feels too soft for regular body text. But any PT Sans header is going to look amazingly clean and readable. This font actually has a sister named PT Serif that also works well.
Between the two, I personally prefer PT Sans. It has smoother edges than the serif version and I feel it just works better in page headings and especially for blogs.
8. Open Sans
Open Sans is small, versatile, and super clean. It deserves a spot in this collection because it’s a simple font and one of the fastest loading fonts from the entire Google Fonts library.
The majority of sans-serif fonts play well with any site. Plus you can use sans-serif fonts in both your header and body text making Open Sans a reasonable choice for the entire website. One alternative I really like is Muli which has a lot more character as a header font.
But Muli’s downside is the larger file size. Ultimately this is what makes Open Sans so great because slower sites don’t rank as well and they provide a worse UX all around.
9. Roboto Slab
For a strong serif header font you might try Roboto Slab and just see how it looks. The letters aren’t too thick and the tags that hang off don’t distract the reader.
I generally prefer Roboto Slab for header fonts instead of the sans-serif version called Roboto. The serif version just feels stronger and leaves a much bigger impression on the viewer.
Truth be told they’re both awesome and you can’t go wrong either way. They both support all the common unicode characters and they’re both amazing choices for your website headings.
The free Ubuntu font can be used for practically anything from nav text to large headers and even body copy. It’s extremely versatile and it’s lightweight with a pretty fast load time.
Rounded edges on the letters make this feel sleek and modern. It’s also one of the few fonts that really can be used in multiple places on your site which can cut down the total number of fonts you need.
Ubuntu was designed back in 2010 so it’s been around for quite a while. Now that webfonts are much more common the Ubuntu family is widely used in web design.
Whenever I design a new site these 10 header fonts are my go-to choices for headers. They’re much better than the stock OS defaults and your layout will really stand out from the others with these strong header fonts.
This post may contain affiliate links. See our disclosure about affiliate links here.