Use Google Fonts

The Typography section under Appearance > Customize > Typography allows you to edit the typography styles across the website theme and includes support for Google fonts. Google Font Link Code – In order to use Google Fonts, they must be installed on the website. It’s recommended that you install all weights of a font in order to maintain consistency throughout the site. Here are the steps to find the Google Font Link Code:

  • Go to Google Fonts and browse the fonts and styles you’d like to use.

  • Click + Select This Font for each style you want to use.

  • Once you’ve selected your fonts, in the bottom right of the screen click on the black collapsed window

  • Go to Embed This Font – click on Standard and copy this link

  • Paste this link somewhere like a text editor for safe keeping

  • Copy only the section within the quotes starting with ‘http://…’ (e.g., http://fonts.googleapis.com/css?family=Lora:400,700)

  • Go back to the WordPress customizer and paste that code in the Google Font Link Code field

  • You can now enter the font family name into either the fields for Primary Font Family, Body Text Font Family or use it in your CSS.

Here’s a handy screenshot for an accompanying visual. For example, if you were using the fonts Old Standard TT and Rubik, here’s how you would find the link:

GoogleFonts.png
PalomaStation Seven