large shade tree

Navigation

Information

Recent Posts

Shade Tree Sites |Building Better Websites

How to Add Google Fonts to WordPress Theme

  1. Go to Google Fonts and find the font you like.
  2. Click: Quick Use - link below and to the right of the font you choose.
  3. Choose the style and character sets you want and then copy the link in the blue add this code to your website box
  4. Repeat for any other font you would like to add.
  5. Combine links for multiple fonts by placing the | character between the font names ( ex. Average|Spirax )
  6. Add your google font link above your main stylesheet link in header.php:

 <link rel=”stylesheet” type=”text/css” href=”http://fonts.googleapis.com/css?family=Average|Spirax” media=”screen”>

<link rel=”stylesheet” type=”text/css” href=”your theme stylesheet link” media=”screen”>

7. Use in your stylesheet   ex.   H1 {font-family: ‘Average’, Helvetica, Arial, serif;}