title: How to add font awesome in CSS
body: <p>I am trying to add a an icon from font awesome but for some reason it does not appear when I load the page.
  Below is my html code in which I attempted to add the font awesome in different ways.</p>
  
  <pre><code>&lt;html lang="en"&gt;
      &lt;head&gt;
          &lt;title&gt;Media Queries&lt;/title&gt;
          &lt;meta name="viewport" content="width=device-width, initial=scale1.0"&gt;  
          &lt;link rel="stylesheet" href="main.css"&gt;
          &lt;link href='https://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'&gt;
          &lt;link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'&gt;
          &lt;link href='https://fonts.googleapis.com/css?family=Open+Sans:700' rel='stylesheet' type='text/css'&gt;
          &lt;link rel="stylesheet" href="font-awesome-4.6.3/css/font-awesome.min.css"&gt;      
      &lt;/head&gt;
      &lt;body&gt; 
          &lt;i class="fa fa-car" aria-hidden="true"&gt;&lt;/i&gt;
          &lt;h1&gt;
              &lt;i class="fa fa-car" aria-hidden="true"&gt;&lt;/i&gt;Dummy Text
          &lt;/h1&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Is there anything that am missing in the code?</p>