The Solution

If your theme includes the Typography Manager, it still may not have the font you want or cover all bases. We do not actively update the theme everytime Google changes as this puts unnecessary load on development and makes updates too frequent. The WP Google Fonts plugin also already does this job fabulously. The following provides resource links and a quick guide for using this plugin to change fonts in your theme.

The following cover what the Typography Manager can do:

WP Google Fonts

This plugin can be installed and activated from Plugins  Add New. For additional support on using the plugin, visit he plugin’s homepage or contact the author

Once activated, access the plugin from Settings Google Fonts

In each box you can select a specific font from the drop-down and then select a common element to apply it to from the checkboxes on the right.

This is similar to our Typography Manager in that the options are very basic. They are:

  • All (body tags) –  this is like the Typography Manager’s “General Text” setting and applies the font to everything. Other styles will override more specific elements.
  • Headline 1 (h1 tags) – This is almost never visible in your theme as it is reserved for the logo
  • Headline 2 (h2 tags) – Most page and post titles use H2
  • Headline 3 (h3 tags) – Widgettitles and headings in your posts are typically H3
  • Headline 4 (h4 tags) – Footer widget-titles and some sidebar titles are H4
  • Headline 5 (h5 tags) – The Date or post meta and any H5 in your posts
  • Headline 6 (h6 tags) – Affects any H6 in your posts
  • Blockquotes – This is any text you indent in the post editor
  • Paragraphs (p tags) – This is any text wrapped in a paragraph tag. Be careful with this as it can affect widget text and footer text.
  • Lists (li tags) – This applies to any bulleted list in your posts.

To target more specific elements, the Custom CSS box in the plugin can be used, or you can use the Custom CSS in the Theme Options to keep things all in one place. In either case, the font you want to use must be activated/selected in the plugin settings first. Below are examples of applying specific fonts selected in the plugin to specific elements using Custom CSS. For further help with detecting class names, see How to Find CSS Styles for Elements

Applying Dancing Script to post titles only:{font-family: "Dancing Script" !important;}

Applying Duru Sans to post copy only:

.copy {font-family: "Duru Sans" !important;}