title: Glyphicons < and > appearing as E079 and E080 in little squares in the Bootstrap 3 Carousel
body: <p>I have used the design found at <a href="http://getbootstrap.com/examples/carousel/" rel="nofollow">http://getbootstrap.com/examples/carousel/</a>
  I have downloaded the versions of CSS and JS used on the page:</p>
  
  <p>CSS<br>
  <a href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="nofollow">http://getbootstrap.com/dist/css/bootstrap.min.css</a><br>
  <a href="http://getbootstrap.com/examples/carousel/carousel.css" rel="nofollow">http://getbootstrap.com/examples/carousel/carousel.css</a>  </p>
  
  <p>Javascript:<br>
  <a href="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" rel="nofollow">https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js</a><br>
  <a href="http://getbootstrap.com/dist/js/bootstrap.min.js" rel="nofollow">http://getbootstrap.com/dist/js/bootstrap.min.js</a><br>
  <a href="http://getbootstrap.com/assets/js/docs.min.js" rel="nofollow">http://getbootstrap.com/assets/js/docs.min.js</a>  </p>
  
  <p>The scrolling is working ok and my image changes are fine.
  I have put the files together on a windows machine.</p>
  
  <p>Any ideas as to what I am doing wrong?  </p>
  
  <pre><code>&lt;a class="left carousel-control" href="#myCarousel" data-slide="prev"&gt;&lt;span class="glyphicon glyphicon-chevron-left"&gt;&lt;/span&gt;&lt;/a&gt;
  &lt;a class="right carousel-control" href="#myCarousel" data-slide="next"&gt;&lt;span class="glyphicon glyphicon-chevron-right"&gt;&lt;/span&gt;&lt;/a&gt;
  </code></pre>