The Problem

Principles features the option to integrate Typekit fonts for full customization of many text elements in the theme. This is demonstrated on our demo, where we use our typekit script to integrate “Proxima Nova.” You may sign up for a Typekit account to get your own code and build a custom font kit on the  Adobe Typekit website.

 

View the following article from the Principles Setup Guide on integrating Typekit.

 

If you do not wish to use Typekit, you have the option of using the theme’s Typography manager for quick and easy setup of basic Google Fonts, or you may install the WP Google Fonts plugin for access to the entire library for free. The following instructions outline how to use this plugin to activate “Roboto,” a free alternative to Proxima Nova.

The Solution

Using Google’s Roboto Font with Principles Detailed instructions on using the Google Fonts plugin is available here.

  1. Go to Theme Options > Typography and click Clear on the main tab.
  2. Click the Post Titles option and click Clear. Click Save Changes.
  3. Go to PluginsAdd New and search for WP Google Fonts, then install and Activate it.
  4. Access the plugin settings under SettingsGoogle Fonts
  5. Select “Roboto” in Font 1. A set of options will appear.
  6. Check the Headings H2, H3, and H4 boxes
  7. Check the Ultra Bold 900 option
  8. Enter the following code into the CSS box to apply this font to your site and titles:
body{font-family: 'Roboto', sans-serif !important;}
 
.post-title, .typography-title{font-family: 'Roboto', sans-serif;}

WooCommerce