title: glyphicon icons not appearing in my MVC site having bootstrap implemented
body: <p>Following is my HTML markup</p>
  
  <pre><code>&lt;button class="btn btn-default" type="submit"&gt;
  &lt;i class="glyphicon glyphicon-camera"&gt;&lt;/i&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p>I have change following line variable.less</p>
  
  <pre><code>@icon-font-path:          "..\fonts";
  </code></pre>
  
  <p>the fonts folder contains four files - eot, svg, ttf and woff extension files for glyphicons-halflins</p>
  
  <p>Following is how the folder structure is - </p>
  
  <ul>
  <li>Content\bootstrap.css</li>
  <li>Content\bootswatch.css</li>
  <li>Content\variables.less</li>
  <li>Contact\fonts-- all four files (extensions - eot, svg, ttf, and
  woff)</li>
  </ul>
  
  <p>Any idea why it doesn't display icon in the webpage?</p>
  
  <p>Any help on this much appreciated.</p>