---
title: 5 Glorious (and Free) Google Font Pairings
description: Google Fonts is a library containing almost 1000 of the most established typefaces on the web, many being completely free (bonus!).
image: https://www.distilagency.com/hubfs/SDS-BLOG-GOOGLE-FONT-PAIRINGS-BANNER-1.jpg
---

[![DISTIL_Logo](https://www.distilagency.com/hubfs/DISTIL_Logo.png)](https://www.sydneydesignsocial.com)

- [Services](https://www.distilagency.com/all-services) 
    - [Branding & Creative](https://www.distilagency.com/branding-creative)
    - [Digital Marketing](https://www.distilagency.com/digital-marketing)
    - [Partnerships](https://www.distilagency.com/partnerships)
- [Work](https://www.distilagency.com/work)
- [Blog](https://www.distilagency.com/blog)
- [Resources](https://www.distilagency.com/resources) 
    - [TikTok for Business](https://www.distilagency.com/tiktok-guide-for-business)
    - [Facebook for Business](https://www.distilagency.com/resources/beginners-guide-to-using-facebook-for-businesses)
    - [Instagram for Business](https://www.distilagency.com/how-to-use-instagram-for-your-business)
    - [Digital Marketing Guide](https://www.distilagency.com/a-guide-to-digital-marketing-for-hospitality)
    - [Graphic Design Guide](https://www.distilagency.com/en/resources/graphic-design-for-hospitality)
- [Contact](https://www.distilagency.com/contact)

[ALL BLOGS](https://www.distilagency.com/blog/)

### 5 Glorious (and Free) Google Font Pairings

<https://www.distilagency.com/blog/re-opening-checklist-for-hospitality-venues> <https://www.distilagency.com/blog/social-media-advertising-beyond-facebook>

# 5 Glorious (and Free) Google Font Pairings

Are you building a website but having a difficult time choosing fonts for all your headings styles and paragraphs? We have complied five of our favourite font pairings from Google Fonts along with why you should consider using them for your website.

[Google Fonts](https://fonts.google.com/) is an online library containing almost 1000 of the most established typefaces on the web, many being completely free (bonus!). Adding them to your website is as easy as grabbing the embedded source code to include in your html and css code. If you’re unsure of how to do so, [at the bottom of this blog](https://www.distilagency.com/blog/five-glorious-and-free-google-font-pairings#embedded-source-code) we’ve created a short tutorial.

### 1. [Raleway](https://fonts.google.com/specimen/Raleway?query=raleway) and [Work Sans](https://fonts.google.com/specimen/Work+Sans?query=work+san)

[![google fonts pairings](https://www.distilagency.com/hs-fs/hubfs/SDS-BLOG-GOOGLE-FONT-PAIRINGS-1-1.jpg?width=713&name=SDS-BLOG-GOOGLE-FONT-PAIRINGS-1-1.jpg)](https://fonts.google.com/)

### 2. [Playfair Display](https://fonts.google.com/specimen/Playfair+Display?query=playfair)and [Poppins](https://fonts.google.com/specimen/Poppins?query=poppins)

[![google fonts](https://www.distilagency.com/hs-fs/hubfs/SDS-BLOG-GOOGLE-FONT-PAIRINGS-2-2.jpg?width=713&name=SDS-BLOG-GOOGLE-FONT-PAIRINGS-2-2.jpg)](https://fonts.google.com/)

### 3. [Roboto Condensed](https://fonts.google.com/specimen/Roboto+Condensed?query=roboto) and [Lora](https://fonts.google.com/specimen/Lora?query=lora)

[![SDS-BLOG-GOOGLE-FONT-PAIRINGS-3](https://www.distilagency.com/hs-fs/hubfs/SDS-BLOG-GOOGLE-FONT-PAIRINGS-3.jpg?width=1080&name=SDS-BLOG-GOOGLE-FONT-PAIRINGS-3.jpg)](https://fonts.google.com/)

### 4. [Montserrat](https://fonts.google.com/specimen/Montserrat?query=mont) and [Source Sans Pro](https://fonts.google.com/specimen/Source+Sans+Pro?query=source)

[![SDS-BLOG-GOOGLE-FONT-PAIRINGS-4](https://www.distilagency.com/hs-fs/hubfs/SDS-BLOG-GOOGLE-FONT-PAIRINGS-4.jpg?width=1080&name=SDS-BLOG-GOOGLE-FONT-PAIRINGS-4.jpg)](http://fonts.google.com)

### 5. [Oswald](https://fonts.google.com/specimen/Oswald?query=os) and [EB Garamond](https://fonts.google.com/specimen/EB+Garamond?query=eb+g)

[![SDS-BLOG-GOOGLE-FONT-PAIRINGS-5](https://www.distilagency.com/hs-fs/hubfs/SDS-BLOG-GOOGLE-FONT-PAIRINGS-5.jpg?width=1080&name=SDS-BLOG-GOOGLE-FONT-PAIRINGS-5.jpg)](http://fonts.google.com)

### How to Start Using These Fonts

Follow the below steps to grab the embedded source code for your selected google font:

1. Head to **[fonts.google.com.](https://fonts.google.com/)**
2. Type in the search bar the name of your font and select the family that you wish to use.
   
   ![Screen Shot 2020-05-25 at 1.16.24 pm](https://www.distilagency.com/hs-fs/hubfs/Screen%20Shot%202020-05-25%20at%201.16.24%20pm.png?width=3460&name=Screen%20Shot%202020-05-25%20at%201.16.24%20pm.png)
3. Choose however many styles from the font family you will require by hitting the '+ Select this style' button on the right hand side.  
   ![Screen Shot 2020-05-25 at 1.17.51 pm](https://www.distilagency.com/hs-fs/hubfs/Screen%20Shot%202020-05-25%20at%201.17.51%20pm.png?width=3460&name=Screen%20Shot%202020-05-25%20at%201.17.51%20pm.png)
4. Up in the top right corner, select the icon with three squares and a plus symbol next to the 'Download Family' link. 
5. A side bar should appear and from that, select Embed and you will see the html href link and the css details appearing for you to copy and paste into your code or to supply to your web developer.
   
   ![Screen Shot 2020-05-25 at 1.22.03 pm](https://www.distilagency.com/hs-fs/hubfs/Screen%20Shot%202020-05-25%20at%201.22.03%20pm.png?width=419&name=Screen%20Shot%202020-05-25%20at%201.22.03%20pm.png)

 

 

[![Subscribe to our Blog](https://no-cache.hubspot.com/cta/default/4606896/b12e331e-6b95-4d0f-84b1-92447056b5a8.png)](https://cta-redirect.hubspot.com/cta/redirect/4606896/b12e331e-6b95-4d0f-84b1-92447056b5a8)

8/06/2020

![Shauna Carey](https://www.distilagency.com/hubfs/JAP02168_2.jpg) 

[Shauna Carey](https://www.distilagency.com/blog/author/shauna-carey)

Post Tags

[Design](https://www.distilagency.com/blog/tag/design), [Graphic Design](https://www.distilagency.com/blog/tag/graphic-design), [Branding](https://www.distilagency.com/blog/tag/branding)

### Categories

- [Social Media Marketing (82)](https://www.distilagency.com/blog/tag/social-media-marketing)
- [Digital Marketing (78)](https://www.distilagency.com/blog/tag/digital-marketing)
- [Social Media (55)](https://www.distilagency.com/blog/tag/social-media)
- [Instagram (45)](https://www.distilagency.com/blog/tag/instagram)
- [Graphic Design (44)](https://www.distilagency.com/blog/tag/graphic-design)

### Featured Reads

![ Featured Post Image ](https://www.distilagency.com/hubfs/Marketing_Calendar_BlogBanner_V1-1.jpg)

### [2025 Marketing Calendar](https://www.distilagency.com/blog/2025-marketing-calendar)

![A GIF of a pair of hands holding a restaurant menu, moving back and forth.  ](https://www.distilagency.com/hubfs/DISTIL_BLOG_Banner_Menu_Design.gif)

### [Elevate Your Brand: Menu Design and Branding Strategies for the Food, Beverage, and QSR Industries](https://www.distilagency.com/blog/elevate-your-brand-menu-design-and-branding-strategies-for-the-food-beverage-and-qsr-industries)

![ Featured Post Image ](https://www.distilagency.com/hubfs/DISTIL_Open_House_Blog_Banner.jpg)

### [Introducing Distil Open House](https://www.distilagency.com/blog/distil-open-house)

### Archive

- [March 2020 (8)](https://www.distilagency.com/blog/archive/2020/03)
- [April 2020 (7)](https://www.distilagency.com/blog/archive/2020/04)
- [February 2019 (6)](https://www.distilagency.com/blog/archive/2019/02)
- [October 2018 (5)](https://www.distilagency.com/blog/archive/2018/10)
- [January 2019 (5)](https://www.distilagency.com/blog/archive/2019/01)
- [May 2019 (5)](https://www.distilagency.com/blog/archive/2019/05)
- [October 2019 (5)](https://www.distilagency.com/blog/archive/2019/10)
- [May 2020 (5)](https://www.distilagency.com/blog/archive/2020/05)
- [June 2020 (5)](https://www.distilagency.com/blog/archive/2020/06)
- [November 2020 (5)](https://www.distilagency.com/blog/archive/2020/11)
- [July 2021 (5)](https://www.distilagency.com/blog/archive/2021/07)
- [September 2021 (5)](https://www.distilagency.com/blog/archive/2021/09)
- [December 2021 (5)](https://www.distilagency.com/blog/archive/2021/12)
- [August 2018 (4)](https://www.distilagency.com/blog/archive/2018/08)
- [March 2019 (4)](https://www.distilagency.com/blog/archive/2019/03)
- [June 2019 (4)](https://www.distilagency.com/blog/archive/2019/06)
- [August 2019 (4)](https://www.distilagency.com/blog/archive/2019/08)
- [September 2019 (4)](https://www.distilagency.com/blog/archive/2019/09)
- [November 2019 (4)](https://www.distilagency.com/blog/archive/2019/11)
- [December 2019 (4)](https://www.distilagency.com/blog/archive/2019/12)
- [January 2020 (4)](https://www.distilagency.com/blog/archive/2020/01)
- [February 2020 (4)](https://www.distilagency.com/blog/archive/2020/02)
- [July 2020 (4)](https://www.distilagency.com/blog/archive/2020/07)
- [August 2020 (4)](https://www.distilagency.com/blog/archive/2020/08)
- [September 2020 (4)](https://www.distilagency.com/blog/archive/2020/09)
- [October 2020 (4)](https://www.distilagency.com/blog/archive/2020/10)
- [January 2021 (4)](https://www.distilagency.com/blog/archive/2021/01)
- [February 2021 (4)](https://www.distilagency.com/blog/archive/2021/02)
- [March 2021 (4)](https://www.distilagency.com/blog/archive/2021/03)
- [April 2021 (4)](https://www.distilagency.com/blog/archive/2021/04)
- [May 2021 (4)](https://www.distilagency.com/blog/archive/2021/05)
- [October 2021 (4)](https://www.distilagency.com/blog/archive/2021/10)
- [April 2022 (4)](https://www.distilagency.com/blog/archive/2022/04)
- [March 2023 (4)](https://www.distilagency.com/blog/archive/2023/03)
- [June 2023 (4)](https://www.distilagency.com/blog/archive/2023/06)
- [November 2018 (3)](https://www.distilagency.com/blog/archive/2018/11)
- [December 2018 (3)](https://www.distilagency.com/blog/archive/2018/12)
- [April 2019 (3)](https://www.distilagency.com/blog/archive/2019/04)
- [July 2019 (3)](https://www.distilagency.com/blog/archive/2019/07)
- [August 2021 (3)](https://www.distilagency.com/blog/archive/2021/08)
- [November 2021 (3)](https://www.distilagency.com/blog/archive/2021/11)
- [July 2023 (3)](https://www.distilagency.com/blog/archive/2023/07)
- [April 2024 (3)](https://www.distilagency.com/blog/archive/2024/04)
- [July 2024 (3)](https://www.distilagency.com/blog/archive/2024/07)
- [September 2018 (2)](https://www.distilagency.com/blog/archive/2018/09)
- [December 2020 (2)](https://www.distilagency.com/blog/archive/2020/12)
- [January 2022 (2)](https://www.distilagency.com/blog/archive/2022/01)
- [February 2022 (2)](https://www.distilagency.com/blog/archive/2022/02)
- [March 2022 (2)](https://www.distilagency.com/blog/archive/2022/03)
- [May 2022 (2)](https://www.distilagency.com/blog/archive/2022/05)
- [May 2023 (2)](https://www.distilagency.com/blog/archive/2023/05)
- [September 2023 (2)](https://www.distilagency.com/blog/archive/2023/09)
- [October 2023 (2)](https://www.distilagency.com/blog/archive/2023/10)
- [December 2023 (2)](https://www.distilagency.com/blog/archive/2023/12)
- [March 2024 (2)](https://www.distilagency.com/blog/archive/2024/03)
- [June 2021 (1)](https://www.distilagency.com/blog/archive/2021/06)
- [August 2022 (1)](https://www.distilagency.com/blog/archive/2022/08)
- [September 2022 (1)](https://www.distilagency.com/blog/archive/2022/09)
- [December 2022 (1)](https://www.distilagency.com/blog/archive/2022/12)
- [January 2023 (1)](https://www.distilagency.com/blog/archive/2023/01)
- [August 2023 (1)](https://www.distilagency.com/blog/archive/2023/08)
- [November 2023 (1)](https://www.distilagency.com/blog/archive/2023/11)
- [January 2024 (1)](https://www.distilagency.com/blog/archive/2024/01)
- [February 2024 (1)](https://www.distilagency.com/blog/archive/2024/02)
- [June 2024 (1)](https://www.distilagency.com/blog/archive/2024/06)
- [August 2024 (1)](https://www.distilagency.com/blog/archive/2024/08)
- [November 2024 (1)](https://www.distilagency.com/blog/archive/2024/11)

See all

### Subscribe to our blog

##### Distil

#### Branding, Design & Digital Marketing

- <https://www.facebook.com/sydneydesignsocial/>
- <https://www.instagram.com/syddesignsocial/>
- <https://www.pinterest.com.au/syddesignsocial>
- <https://twitter.com/syddesignsocial>
- <https://www.linkedin.com/company/sydney-design-social/>
- <https://www.tiktok.com/@distilagency>

- [![Distil_Logo](https://www.distilagency.com/hs-fs/hubfs/DISTIL_Logo.png?width=95&name=DISTIL_Logo.png)](https://www.sydneydesignsocial.com)
- © Copyright 2025

##### Follow us!

- <https://www.facebook.com/distilagency>
- <https://www.instagram.com/distilagency>
- <https://www.linkedin.com/company/distilagency>
- <https://www.tiktok.com/@distilagency>

![](https://www.facebook.com/tr?id=203210420347760&ev=PageView&noscript=1)

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Shauna Carey",
    "url" : "https://www.distilagency.com/blog/author/shauna-carey"
  },
  "dateModified" : "2024-07-25T10:35:40.796Z",
  "datePublished" : "2020-06-08T10:36:00.000Z",
  "headline" : "5 Glorious (and Free) Google Font Pairings",
  "image" : [ "https://www.distilagency.com/hubfs/SDS-BLOG-GOOGLE-FONT-PAIRINGS-BANNER-1.jpg" ],
  "mainEntityOfPage" : {
    "@id" : "https://www.distilagency.com/blog/five-glorious-and-free-google-font-pairings",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://www.distilagency.com/hubfs/Distil_Logo_Wordmark_Primary_Black-2.png"
    },
    "name" : "Distil Agency"
  }
}
```

```json
{
  "@context" : "https://schema.org",
  "@type" : "Organization",
  "logo" : "https://www.sydneydesignsocial.com/hs-fs/hubfs/Sydney Design Social/Home/logo.png",
  "url" : "http://www.sydneydesignsocial.com/"
}
```

```json
{
  "@context" : "https://schema.org",
  "@type" : "BreadcrumbList",
  "itemListElement" : [ {
    "@type" : "ListItem",
    "item" : {
      "@id" : "http://www.sydneydesignsocial.com/",
      "name" : "Home"
    },
    "position" : 1
  }, {
    "@type" : "ListItem",
    "item" : {
      "@id" : "http://www.sydneydesignsocial.com/services",
      "name" : "Services"
    },
    "position" : 2
  }, {
    "@type" : "ListItem",
    "item" : {
      "@id" : "http://www.sydneydesignsocial.com/work",
      "name" : "Work"
    },
    "position" : 3
  } ]
}
```