The Top 10 Google Fonts for 5 Font Types

The Top 10 Google Fonts for 5 Font Types

The Top 10 Google Fonts for 5 Font Types

Google Fonts Types

I’ve scoured through Google Fonts Website to find the most popular Fonts in use on today’s Website

The purpose of this is to help you pick a font fast.

No need to worry if people like it or not – they do :)

Note: The left side contains the Font Name and how many websites use the font – Example Playfair Display – 3.36 Million Websites use this font

Serif Font Types – 42 px

Playfair Display – 24 px Bold

This is what the Playfaid Display font looks like Bold at 20 px

This is Playfair Display in Italic at 20 px

We now have Playfair Display as body text at 18px.
The Playfair Display font has 6 styles.

Regular / Regular Italic
Bold / Bold Italic
Black / Black Italic

Serif Font Types – 42 px

Libre Baskerville Font – 24 px Bold

This is what the Libre Baskerville font looks like Bold at 20 px

This is Libre Baskerville in Italic at 20 px

We now have Libre Baskerville as body text at 18 px.
The Libre Baskerville font has 3 styles.

Regular
Regular Italic
Bold

Serif Font Types – 42 px

Merriweather Font – 24 px Bold

This is what the Merriweather font looks like Bold at 20 px

This is Merriweather in Italic at 20 px

We now have Merriweather as body text at 18px.
The Merriweather font has 8 styles.

Light
Light Italic
Regular
Regular Italic
Bold
Bold Italic
Black
Black Italic

Serif Font Types – 42 px

Joesfin Slab – 24 px Bold

This is what the Joesfin Slab font looks like Bold at 20 px

This is Joesfin Slab in Italic at 20 px

We now have Joesfin Slab as body text at 18px.
The Joesfin Slab font has 10 styles.

Thin / Thin Italic
Light / Light Italic
Regular / Regular Italic
Bold / Bold Italic
Black / Black Italic

Serif Font Types – 42 px

Cinzel – 24 px Bold

This is what the Cinzel font looks like Bold at 20 px

This is Cinzel in Italic at 20 px

We now have Cinzel as body text at 18px.
The Cinzel font has 3 styles.

Regular
Bold
Black

Serif Font Types – 42 px

EB Garamond – 24 px Bold

This is what the EB Garamond font looks like Bold at 20 px

This is EB Garamond in Italic at 20 px

We now have EB Garamond as body text at 18px.
The EB Garamond font has 10 styles.

Regular / Regular Italic
Medium / Medium Italic
Semi Bold / Semi Bold Italic
Bold / Bold Italic
Extra Bold / Extra Bold Italic

No longer part of Google Fonts.

Serif Font Types – 42 px

EB Garamond – 24 px Bold

This is what the Roboto Slab font looks like Bold at 20 px

This is Roboto Slab in Italic at 20 px

We now have Roboto Slab as body text at 18px.
The Roboto Slab font has 4 styles.

Thin
Light
Regular
Bold

Serif Font Types – 42 px

Lora – 24 px Bold

This is what the Lora font looks like Bold at 20 px

This is Lora in Italic at 20 px

We now have Lora as body text at 18px.
The Lora font has 4 styles.

Thin
Light
Regular
Bold

Serif Font Types – 42 px

PT Serif – 24 px Bold

This is what the PT Serif font looks like Bold at 20 px

This is PT Serif in Italic at 20 px

We now have PT Serif as body text at 18px.
The PT Serif font has 4 styles.

Regular
Italic
Bold / Bold Italic

Sans Serif Font Types – 42 px

Open Sans – 24 px Bold

This is what the Open Sans font looks like Bold at 20 px

This is Open Sans in Italic at 20 px

We now have Open Sans as body text at 18px.
The Open Sans font has 10 styles.

Light / Light Italic
Regular / Regular Italic
Semi-Bold / Semi-Bold Italic
Bold / Bold Italic
Extra Bold / Extra Bold Italic

Sans Serif Font Types – 42 px

Roboto – 24 px Bold

This is what the Roboto font looks like Bold at 20 px

This is Roboto in Italic at 20 px

We now have Roboto as body text at 18px.
The Roboto font has 12 styles.

Thin / Thin Italic
Light / Light Italic
Regular / Regular Italic
Medium / Medium Italic
Bold / Bold Italic
Black / Black Italic

Sans Serif Font Types – 42 px

Lato – 24 px Bold

This is what the Lato font looks like Bold at 20 px

This is Lato in Italic at 20 px

We now have Lato as body text at 18px.
The Lato font has 10 styles.

Thin / Thin Italic
Light / Light Italic
Regular / Regular Italic
Bold / Bold Italic
Black / Black Italic

Sans Serif Font Types – 42 px

Raleway – 24 px Bold

This is what the Raleway font looks like Bold at 20 px

This is Raleway in Italic at 20 px

We now have Raleway as body text at 18px.
The Raleway font has 18 styles.

Thin / Thin Italic
Extra Light / Extra Light Italic
Light / Light Italic
Regular / Regular Italic
Medium / Medium Italic
Semi Bold / Semi Bold Italic
Bold / Bold Italic
Black / Black Italic

Sans Serif Font Types – 42 px

Oswald – 24 px Bold

This is what the Oswald font looks like Bold at 20 px

This is Oswald in Italic at 20 px

We now have Oswald as body text at 18px.
The Oswald font has 6 styles.

Extra Light
Light
Regular
Medium
Semi Bold
Bold

Sans Serif Font Types – 42 px

Montserrat – 24 px Bold

This is what the Montserrat font looks like Bold at 20 px

This is Montserrat in Italic at 20 px

We now have Montserrat as body text at 18px.
The Montserrat font has 18 styles.

Thin / Thin Italic
Extra Light / Extra Light Italic
Light / Light Italic
Regular / Regular Italic
Medium / Medium Italic
Semi Bold / Semi Bold Italic
Bold / Extra Bold Italic
Black / Black Italic

Sans Serif Font Types – 42 px

Source Sans Pro – 24 px Bold

This is what the Source Sans Pro font looks like Bold at 20 px

This is Source Sans Pro in Italic at 20 px

We now have Source Sans Pro as body text at 18px.
The Source Sans Pro font has 12 styles.

Extra Light / Extra Light Italic
Light / Light Italic
Regular / Regular Italic
Semi Bold / Semi Bold Italic
Bold / Extra Bold Italic
Black / Black Italic

Sans Serif Font Types – 42 px

Anton – 24 px Bold

This is what the Anton font looks like Bold at 20 px

This is Anton in Italic at 20 px

We now have Anton as body text at 18px.
The Anton font has 1 style.

Regular

Sans Serif Font Types – 42 px

PT Sans – 24 px Bold

This is what the PT Sans font looks like Bold at 20 px

This is PT Sans in Italic at 20 px

We now have PT Sans as body text at 18px.
The PT Sans font has 4 styles.

Regular / Regular Italic
Bold / Bold Italic

Sans Serif Font Types – 42 px

Ubuntu – 24 px Bold

This is what the Ubuntu font looks like Bold at 20 px

This is Ubuntu in Italic at 20 px

We now have Ubuntu as body text at 18px.
The Ubuntu font has 8 styles.

Light / Light Italic
Regular / Regular Italic
Medium / Medium Italic
Bold / Bold Italic

Display Font Types – 42 px

Lobster – 24 px Bold

This is what the Lobster font looks like Bold at 20 px

This is Lobster in Italic at 20 px

We now have Lobster as body text at 18px.
The Lobster  font has 1 style.

Regular

Display Font Types – 42 px

Fredericka the Great – 24 px Bold

This is what the Fredericka the Great font looks like Bold at 20 px

This is Fredericka the Great in Italic at 20 px

We now have Fredericka the Great as body text at 18px.
The Fredericka the Great  font has 1 style.

Regular

Display Font Types – 42 px

Kelly Slab – 24 px Bold

This is what the Kelly Slab font looks like Bold at 20 px

This is Kelly Slab in Italic at 20 px

We now have Kelly Slab as body text at 18px.
The Kelly Slab font has 1 style.

Regular

Display Font Types – 42 px

Chelsea Market – 24 px Bold

This is what the Chelsea Market font looks like Bold at 20 px

This is Chelsea Market in Italic at 20 px

We now have Chelsea Market as body text at 18px.
The Chelsea Market font has 1 style.

Regular

Display Font Types – 42 px

Monoton – 24 px Bold

This is what the Monoton font looks like Bold at 20 px

This is Monoton in Italic at 20 px

We now have Monoton as body text at 18px.
The Monoton  font has 1 style.

Regular

Display Font Types – 42 px

Forum – 24 px Bold

This is what the Forum font looks like Bold at 20 px

This is Forum in Italic at 20 px

We now have Forum as body text at 18px.
The Forum font has 1 style.

Regular

Display Font Types – 42 px

Overlock – 24 px Bold

This is what the Overlock font looks like Bold at 20 px

This is Overlock in Italic at 20 px

We now have Overlock as body text at 18px.
The Overlock font has 6 styles.

Regular / Regular Italic
Bold / Black Italic
Black / Black Italic

Display Font Types – 42 px

Boogaloo – 24 px Bold

This is what the Boogaloo font looks like Bold at 20 px

This is Boogaloo in Italic at 20 px

We now have Boogaloo as body text at 18px.
The Boogloo font has 1 style.

Regular

Display Font Types – 42 px

Special Elite – 24 px Bold

This is what the Special Elite font looks like Bold at 20 px

This is Special Elite in Italic at 20 px

We now have Special Elite as body text at 18px.
The Special Elite font has 1 style.

Regular

Display Font Types – 42 px

Cabin Sketch – 24 px Bold

This is what the Cabin Sketch font looks like Bold at 20 px

This is Cabin Sketch in Italic at 20 px

We now have Cabin Sketch as body text at 18px.
The Cabin Sketch font has 1 style.

Regular

Handwriting Font Types – 42 px

Amatic SC – 24 px Bold

This is what the Amatic SC font looks like Bold at 20 px

This is Amatic SC in Italic at 20 px

We now have Amatic SC as body text at 18px.
The Amatic SC font has 2 styles.

Regular
Bold

Handwriting Font Types – 42 px

Sacramento – 24 px Bold

This is what the Sacramento font looks like Bold at 20 px

This is Sacramento in Italic at 20 px

We now have Sacramento as body text at 18px.
The Sacramento font has 1 style.

Regular

Handwriting Font Types – 42 px

Cookie – 24 px Bold

This is what the Cookie font looks like Bold at 20 px

This is Cookie in Italic at 20 px

We now have Cookie as body text at 18px.
The Cookie font has 1 style.

Regular

Handwriting Font Types – 42 px

Marck Script – 24 px Bold

This is what the Marck Script font looks like Bold at 20 px

This is Marck Script in Italic at 20 px

We now have Marck Script as body text at 18px.
The Marck Script font has 1 style.

Regular

Handwriting Font Types – 42 px

Patrick Hand – 24 px Bold

This is what the Patrick Hand font looks like Bold at 20 px

This is Patrick Hand in Italic at 20 px

We now have Patrick Hand as body text at 18px.
The Patrick Hand font has 1 style.

Regular

Handwriting Font Types – 42 px

Niconne – 24 px Bold

This is what the Niconne font looks like Bold at 20 px

This is Niconne in Italic at 20 px

We now have Niconne as body text at 18px.
The Niconne font has 1 style.

Regular

Handwriting Font Types – 42 px

Indie Flower – 24 px Bold

This is what the Indie Flower font looks like Bold at 20 px

This is Indie Flower in Italic at 20 px

We now have Indie Flower as body text at 18px.
The Indie Flower font has 1 style.

Regular

Handwriting Font Types – 42 px

Gloria Halleljuh – 24 px Bold

This is what the Gloria Halleljuh font looks like Bold at 20 px

This is Gloria Hallelujah in Italic at 20 px

We now have Gloria Hallelujah as body text at 18px.
The Gloria Hallelujah font has 1 style.

Regular

Handwriting Font Types – 42 px

Pacifico – 24 px Bold

This is what the Pacifico font looks like Bold at 20 px

This is Pacifico in Italic at 20 px

We now have Pacifico as body text at 18px.
The Pacifico font has 1 style.

Regular

HandwritingFont Types – 42 px

Kaushan Script – 24 px Bold

This is what the Kaushan Script font looks like Bold at 20 px

This is Kaushan Script in Italic at 20 px

We now have Kaushan Script as body text at 18px.
The Kaushan Script font has 1 style.

Regular

Monotype Font Types – 42 px

Inconsolata – 24 px Bold

This is what the Inconsolata font looks like Bold at 20 px

This is Inconsolata in Italic at 20 px

We now have Inconsolata Script as body text at 18px.
The Inconsolata Script font has 2 styles.

Regular
Bold

Monotype Font Types – 42 px

Source Code Pro – 24 px Bold

This is what the Source Code Pro font looks like Bold at 20 px

This is Source Code Pro in Italic at 20 px

We now have Source Code Pro as body text at 18px.
The Source Code Pro font has 7 styles.

Extra Light
Light
Regular
Medium
Semi-Bold
Bold
Black

Monotype Font Types – 42 px

Ubuntu Mono – 24 px Bold

This is what the Ubuntu Mono font looks like Bold at 20 px

This is Ubuntu Mono in Italic at 20 px

We now have Ubuntu Mono as body text at 18px.
The Ubuntu Mono font has 4 styles.

Regular
Regular Italic
Bold
Bold Italic

Monotype Font Types – 42 px

PT Mono – 24 px Bold

This is what the PT Mono font looks like Bold at 20 px

This is PT Mono in Italic at 20 px

We now have PT Mono as body text at 18px.
The PT Mono font has 1 style.

Regular

Monotype Font Types – 42 px

Roboto Mono – 24 px Bold

This is what the Roboto Mono font looks like Bold at 20 px

This is Roboto Mono in Italic at 20 px

We now have Roboto Mono as body text at 18px.
The Roboto Mono font has 10 styles.

Thin / Thin Italic
Light / Light Italic
Regular / Regular Italic
Medium / Medium Italic
Bold / Bold Italic

Monotype Font Types – 42 px

Anonymous Pro – 24 px Bold

This is what the Anonymous Pro font looks like Bold at 20 px

This is Anonymous Pro in Italic at 20 px

We now have Anonymous Pro as body text at 18px.
The Anonymous Pro font has 4 styles.

Regular / Regular Italic
Bold / Bold Italic

Monotype Font Types – 42 px

Cousine – 24 px Bold

This is what the Cousine font looks like Bold at 20 px

This is Cousine in Italic at 20 px

We now have Cousine as body text at 18px.
The Cousine font has 4 styles.

Regular / Regular Italic
Bold / Bold Italic

Monotype Font Types – 42 px

Cutive Mono – 24 px Bold

This is what the Cutive Mono font looks like Bold at 20 px

This is Cutive Mono in Italic at 20 px

We now have Cutive Mono as body text at 18px.
The Cutive Mono font has 1 style.

Regular

Monotype Font Types – 42 px

VT323 – 24 px Bold

This is what the VT323 font looks like Bold at 20 px

This is VT323 in Italic at 20 px

We now have VT323 as body text at 18px.
The VT323 font has 1 style.

Regular

Monotype Font Types – 42 px

Nova Mono – 24 px Bold

This is what the Nova Mono font looks like Bold at 20 px

This is Nova Mono in Italic at 20 px

We now have Nova Mono as body text at 18px.
The Nova Mono font has 1 style.

Regular

Close Menu