Add google fonts

Google Fonts are natively supported by all the themes.

Choose Font and Weights

1. Go to https://fonts.google.com.
2. Choose a font - take Roboto for example.
3. Go to font details - https://fonts.google.com/specimen/Roboto.
4. Decide the normal and bold font weights, for example: 300 and 700, here the site will use font-weight: 300 for normal font and font-weight: 700 for bold fonts(headings etc.).

Add font to the Theme

1. Go to Admin > Customer Portal > Themes.
2. Click on the Customize button on the intended theme (check this doc to know more about themes).
3. Scroll down to the TYPOGRAPHS section on the left side.
4. Click on the Add New button.
5. Fill the form as follows
   1. Name: Roboto
   2. Weights: 300,700
6. Click Save.
7. Now you can select the Roboto font in the dropdowns under the FONT section.

For more details about the customization, Please check google fonts API, it is used to import fonts to the themes.

Example Screenshot

Here is a screenshot of an example setup using Source Sans Pro for titles and Roboto for body.