title: Google Font Not Working With CSS?
body: <p>I was working on an html page, got halfway through, and decided to start styling somethings. . . All of my styling worked fine! That is until I tried to get a Google Font. I followed all of the instructions and inserted everything into css correctly. However, when I view the page on Chrome, it only displays the "fallback" generic sans-serif font. Here is my css: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#page-first-open {
   border: 1px solid black;
   width: 1000px;
   height: 500px;
   text-align: center;
   margin: auto;
   position: relative;
   top: 50px;
   
  }
  
  @import url(https://fonts.googleapis.com/css?family=Raleway);
  
  #page-first-open p {
   font-size: ;
   font-family: 'Raleway', sans-serif;
   
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
   &lt;html&gt;
    &lt;head&gt;
     &lt;link rel="stylesheet" type="text/css" href="test.css"&gt;
     &lt;script&gt;
     &lt;/script&gt;
     &lt;title&gt;User Test&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
     &lt;div id="wrapper"&gt;
      &lt;div id="page-first-open"&gt;
       &lt;p&gt;Hello, and welcome to this page. . .&lt;br&gt;
       If you don't mind me asking, &lt;br&gt;
       What is your name (or what you'd like to be called)?&lt;/p&gt;
      &lt;/div&gt;
     &lt;/div&gt;
    &lt;/body&gt;
   &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Could someone please tell me what I am doing wrong (If I a doing it wrong), or point me in the right direction of getting it to work?</p>