For those cases where you would like to specify Google Fonts for your site, you have several ways of doing it:


1. If you own a Bootstrap Site, you can simply access the Design Settings by going to Settings -> Design Settings, selecting any Font Family option found there and changing it according to what section of the site you wish to change. All Font Family options found in Design Settings are based on Google Fonts.


2. If you want to customize a specific part of the site, you can also do this by adding some code to that particular part of the page (Either editing a widget used on that page or editing the page CSS and adding a code similar to the following:

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
<style>
  .col-sm-9 {
    font-family: "Tangerine", serif;
    font-size: 48px;
  }
</style>

 As you can see in the code, on the first line we are calling a specific Google Font (eg: Tangerine). Inside the style tags we are applying the font family for Tangerine to any elements on the page that have the col-sm-9 Class applied to them. With this, we can specify which Google Font Family we want to apply to a specific part of a page. The results would look something like this: