title: Issue with importing a font from Google or am I just doing something wrong?
body: <p>This is my first question here so if I'm missing something necessary just reply and I'll add the info :)</p>
  
  <p>OK, so my issue comes from importing fonts from google. On my main page the font works properly and looks good doing so, but when I try to put it on another page on my site it no longer works. Any help is greatly appreciated. Here is the code I think is needed to solve this issue, I've tried a few things, but I'm stumped and I could just be missing something completely simple:</p>
  
  <p>Works:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;title&gt;Steven Lambe -- Main&lt;/title&gt;
      &lt;meta charset="UTF-8" /&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /&gt; 
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt; 
      &lt;meta name="description" content="Steven Lambe - Who I am, and what I do." /&gt;
      &lt;meta name="keywords" content="programmer, gamer, computer enthusiast, developer, designer, video games" /&gt;
      &lt;meta name="author" content="Steven Lambe" /&gt;
      &lt;link rel="shortcut icon" href="../favicon.ico" /&gt; 
      &lt;link href='http://fonts.googleapis.com/css?family=Josefin+Slab' rel='stylesheet' type='text/css' /&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/main.css" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/main-menu.css" /&gt;
      &lt;!--[if IE]&gt;
          &lt;link rel="stylesheet" type="text/css" href="css/styleIE.css" /&gt;
      &lt;![endif]--&gt;
      &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/custom.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>Doesn't work:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;title&gt;Steven Lambe -- Who Am I?&lt;/title&gt;
      &lt;meta charset="UTF-8" /&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt; 
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; 
      &lt;meta name="description" content="Steven Lambe - Who I am, and what I do." /&gt;
      &lt;meta name="keywords" content="programmer, gamer, computer enthusiast, developer, designer, video games" /&gt;
      &lt;meta name="author" content="Steven Lambe" /&gt;
      &lt;link rel="shortcut icon" href="../favicon.ico"&gt; 
      &lt;link href='http://fonts.googleapis.com/css?family=Josefin+Slab' rel='stylesheet' type='text/css' /&gt;
      &lt;link rel="stylesheet" type="text/css" href="../css/main.css" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="../css/menu.css" /&gt;
      &lt;!--[if IE]&gt;
          &lt;link rel="stylesheet" type="text/css" href="../css/styleIE.css" /&gt;
      &lt;![endif]--&gt;
      &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/custom.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>Any help or pointers are highly appreciated :)</p>