Adding Custom Google Fonts

Example: Apply a Google font of your choice to specific elements in your site.

Note: All fonts where you want to apply this modification must first be set to 'inherited' in the style editor. You'll also need the CSS selector name in order to modify that using Custom CSS. The site title selector element is used in this example to demonstrate.

To apply your custom font, replace the font name text in the code example below with the actual name of the Google Font that you've chosen. 

In Extra Header Code Injection put:

<link href="http://fonts.googleapis.com/css?family=FONT NAME" rel="stylesheet" type="text/css" />

In Custom CSS put:

#siteTitle a { font-family: 'FONT NAME' ;}