title: Custom fonts on local drive do not work
body: <p>While learning CSS, I have written following code to use Google font which I have placed on local hard disk.
  The html file works if it is saved in font folder, but does not work in different folder.  Please note that 
  I am not working through any server.  After saving file in another folder am double-clicking it.</p>
  
  <pre><code>    &lt;!doctype html&gt;
      &lt;html lang="en"&gt;
  
  
          &lt;head&gt;
  
              &lt;meta charset="UTF-8"&gt;
              &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  
  
              &lt;title&gt;Custom Fonts&lt;/title&gt;
  
              &lt;style&gt;
                  @font-face {
                  font-family: 'Abel-regular';
                  src: url('file://G:/JavaPrgsJGD/fonts/Google-fonts/Abel/Abel-regular.ttf');
                  font-weight: normal;
                  font-style: normal;
                  }       
              &lt;/style&gt;  
  
              &lt;style type="text/css"&gt;
  
                  .ngs-h3 {font-family: 'Abel-regular'; font-size: 30px; color: green;}
                  .ngs-p  {font-family: 'Abel-regular'; font-size: 20px; color: blue;}
  
              &lt;/style&gt;
  
              &lt;script&gt;
  
              &lt;/script&gt;  
  
          &lt;/head&gt;
  
  
          &lt;body&gt;
  
              &lt;h3 class="ngs-h3"&gt;Technical assessment of a movie&lt;/h3&gt;
  
              &lt;p class="ngs-p"&gt;
                  Many people see the movies and immediately after completion of the show, when asked by news channels,
                  they simply brush aside the movie saying, "It's a bogus movie" without realizing that what goes in for
                  bringing a movie to a cinema theatre for viewers, but of course, they have spent money and time to 
                  watch a movie, they at least deserve a free opinion.
              &lt;/p&gt;
  
              &lt;p class="ngs-p"&gt;
                  However, this forum is not about personal likes and dislikes of down-to-earth movie-goer.  This forum
                  is for students who are pursuing their technical studies in film industry.  Therefore, let us concentrate
                  on technical aspects of a movie.
              &lt;/p&gt;
  
          &lt;/body&gt;
  
  
      &lt;/html&gt;
  </code></pre>
  
  <p>Am I doing a mistake?  Please guide me and throw some light on use of local files with and without server.
  Thanks.
  NG SHAIKH.      </p>