Aa
…
25 Simple and Practical Google Font Combinations
–
A quick guide to great looking web font pairs that you actually want to use in your next website design.
/ ;
& §
O Rafal Tomal
•
May 2016
•
typespiration.com
¶
Looking for the right font combination and going through the entire Google Font repository is a tedious job. If you want to save yourself some time or you just don’t have an eye to pair the right fonts, then this guide is for you.
This ebook is your shortcut to some of the best-looking font pairs that I personally hand picked for my own projects. All of the examples are very practical and are meant to be used on contentheavy websites like a blog or a magazine. Google has a great repository, but free fonts also have their drawbacks. Not every Google font is really well-optimized for the web and not every font family comes with all different weights and styles to cover your website content needs. So, I filtered them all and in my selection I made sure all body text fonts come with regular, bold and italic options so that all heading fonts look great on a large scale. Feel free to choose your favorite combination and use it in your own design or tell your designer or developer to use it in your project. You may even want to experiment and make your own pairings if you like a heading font from one example and body text font from another. Also, you can search the Typespiration.com collection to find your favorite fonts in different color schemes. If you find this guide to be useful, please tweet it, so you can help other people make better font choices. Enjoy! Rafal Tomal typespiration.com
1
Source Serif Pro & Source Sans Pro
HEADING:
BODY:
Aa
Aa
Source Serif Pro
Source Sans Pro
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
2
Fira Sans & Merriweather
HEADING:
Aa Fira Sans
BODY:
Aa
Merriweather
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
3
Lora & Open Sans
HEADING:
Aa Lora
BODY:
Aa Open Sans
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
4
Playfair Display & Roboto
HEADING:
Aa
Playfair Display
BODY:
Aa Roboto
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
5
Chivo & PT Serif
HEADING:
BODY:
Aa
Aa
Chivo
PT Serif
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
6
Bitter & Crimson Text
HEADING:
Aa Bitter
BODY:
Aa
Crimson Text
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
7
Old Standard TT & Merriweather
HEADING:
BODY:
Aa
Aa
Old Standard TT
Merriweather
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
8
Oswald & Arvo
HEADING:
Aa Oswald
BODY:
Aa Arvo
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
9
Libre Baskerville & Lato
HEADING:
BODY:
Aa
Aa
Libre Baskerville
Lato
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
10
Roboto Slab & Neuton
HEADING:
BODY:
Aa
Aa
Roboto Slab
Neuton
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
11
Montserrat & PT Serif
HEADING:
BODY:
Aa
Aa
Montserrat
PT Serif
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
12
Cabin & Alegreya
HEADING:
Aa Cabin
BODY:
Aa Alegreya
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
13
Alegreya & Alegreya Sans
HEADING:
Aa Alegreya
BODY:
Aa
Alegreya Sans
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
14
Archivo Narrow & Droid Serif
HEADING:
Aa
Archivo Narrow
BODY:
Aa Droid Serif
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
15
Josefin Sans & Lora
HEADING:
BODY:
Aa
Aa
Josefin Sans
Lora
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another.
The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
16
Ubuntu & Vollkorn
HEADING:
BODY:
Aa
Aa
Ubuntu
Vollkorn
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
17
Roboto & Crimson Text
HEADING:
Aa Roboto
BODY:
Aa
Crimson Text
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
18
Droid Sans & Droid Serif
HEADING:
Aa Droid Sans
BODY:
Aa Droid Serif
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
19
Libre Baskerville & Hind
HEADING:
Aa
Libre Baskerville
BODY:
Aa Hind
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
20
Open Sans Condensed & Open Sans
HEADING:
Aa
Open Sans Condensed
BODY:
Aa Open Sans
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
21
Yanone Kaffeesatz & Cabin
HEADING:
BODY:
Aa
Aa
Yanone Kaffeesatz
Cabin
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
22
Vollkorn & Work Sans
HEADING:
BODY:
Aa
Aa
Vollkorn
Work Sans
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
23
Titillium Web & Bitter
HEADING:
Aa
Titillium Web
BODY:
Aa Bitter
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another.
The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
24
Josefin Slab & Lato
HEADING:
BODY:
Aa
Aa
Josefin Slab
Lato
THERE WERE FEW OR NO BRIDGES OR TUNNELS ON THE ROUTE . The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
25
Domine & PT Sans
HEADING:
BODY:
Aa
Aa
Domine
PT Sans
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
& O typespiration.com
§
created by
/
;
Rafal Tomal R A FA LT O M A L .CO M
– ¶ …
25 Simple and Practical Google Font Combinations
–
A quick guide to great looking web font pairs that you actually want to use in your next website design.
/ ;
& §
O Rafal Tomal
•
May 2016
•
typespiration.com
¶
Looking for the right font combination and going through the entire Google Font repository is a tedious job. If you want to save yourself some time or you just don’t have an eye to pair the right fonts, then this guide is for you.
This ebook is your shortcut to some of the best-looking font pairs that I personally hand picked for my own projects. All of the examples are very practical and are meant to be used on contentheavy websites like a blog or a magazine. Google has a great repository, but free fonts also have their drawbacks. Not every Google font is really well-optimized for the web and not every font family comes with all different weights and styles to cover your website content needs. So, I filtered them all and in my selection I made sure all body text fonts come with regular, bold and italic options so that all heading fonts look great on a large scale. Feel free to choose your favorite combination and use it in your own design or tell your designer or developer to use it in your project. You may even want to experiment and make your own pairings if you like a heading font from one example and body text font from another. Also, you can search the Typespiration.com collection to find your favorite fonts in different color schemes. If you find this guide to be useful, please tweet it, so you can help other people make better font choices. Enjoy! Rafal Tomal typespiration.com
1
Source Serif Pro & Source Sans Pro
HEADING:
BODY:
Aa
Aa
Source Serif Pro
Source Sans Pro
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
2
Fira Sans & Merriweather
HEADING:
Aa Fira Sans
BODY:
Aa
Merriweather
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
3
Lora & Open Sans
HEADING:
Aa Lora
BODY:
Aa Open Sans
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
4
Playfair Display & Roboto
HEADING:
Aa
Playfair Display
BODY:
Aa Roboto
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
5
Chivo & PT Serif
HEADING:
BODY:
Aa
Aa
Chivo
PT Serif
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
6
Bitter & Crimson Text
HEADING:
Aa Bitter
BODY:
Aa
Crimson Text
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
7
Old Standard TT & Merriweather
HEADING:
BODY:
Aa
Aa
Old Standard TT
Merriweather
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
8
Oswald & Arvo
HEADING:
Aa Oswald
BODY:
Aa Arvo
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
9
Libre Baskerville & Lato
HEADING:
BODY:
Aa
Aa
Libre Baskerville
Lato
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
10
Roboto Slab & Neuton
HEADING:
BODY:
Aa
Aa
Roboto Slab
Neuton
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
11
Montserrat & PT Serif
HEADING:
BODY:
Aa
Aa
Montserrat
PT Serif
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
12
Cabin & Alegreya
HEADING:
Aa Cabin
BODY:
Aa Alegreya
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
13
Alegreya & Alegreya Sans
HEADING:
Aa Alegreya
BODY:
Aa
Alegreya Sans
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
14
Archivo Narrow & Droid Serif
HEADING:
Aa
Archivo Narrow
BODY:
Aa Droid Serif
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
15
Josefin Sans & Lora
HEADING:
BODY:
Aa
Aa
Josefin Sans
Lora
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another.
The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
16
Ubuntu & Vollkorn
HEADING:
BODY:
Aa
Aa
Ubuntu
Vollkorn
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
17
Roboto & Crimson Text
HEADING:
Aa Roboto
BODY:
Aa
Crimson Text
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
18
Droid Sans & Droid Serif
HEADING:
Aa Droid Sans
BODY:
Aa Droid Serif
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
19
Libre Baskerville & Hind
HEADING:
Aa
Libre Baskerville
BODY:
Aa Hind
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
20
Open Sans Condensed & Open Sans
HEADING:
Aa
Open Sans Condensed
BODY:
Aa Open Sans
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
21
Yanone Kaffeesatz & Cabin
HEADING:
BODY:
Aa
Aa
Yanone Kaffeesatz
Cabin
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
22
Vollkorn & Work Sans
HEADING:
BODY:
Aa
Aa
Vollkorn
Work Sans
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
23
Titillium Web & Bitter
HEADING:
Aa
Titillium Web
BODY:
Aa Bitter
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another.
The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
24
Josefin Slab & Lato
HEADING:
BODY:
Aa
Aa
Josefin Slab
Lato
THERE WERE FEW OR NO BRIDGES OR TUNNELS ON THE ROUTE . The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
25
Domine & PT Sans
HEADING:
BODY:
Aa
Aa
Domine
PT Sans
There were few or no bridges or tunnels on the route. The railway turned around the sides of the mountains, and did not attempt to violate nature by taking the shortest cut from one point to another. The train entered the State of Nevada through the Carson Valley about nine o’clock, going always northeasterly; and at midday reached Reno, where there was a delay of twenty minutes for breakfast.
typespiration.com
& O typespiration.com
§
created by
/
;
Rafal Tomal R A FA LT O M A L .CO M
– ¶ …
