I just downloaded a template in HTML5 and I'm realizing that the icons in CSS do not appear in my version of the web in local, but if you catch the styles, for example this is a capture of the web original, where you download the template.
and this is an example of a local:
At the time of importing the CSS I do:
<head>
<title>Home</title>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/grid.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/camera.css">
<link rel="stylesheet" href="css/owl-carousel.css">
<script src="js/jquery.js"></script>
<script src="js/jquery-migrate-1.2.1.js"></script><!--[if lt IE 9]>
<html class="lt-ie9">
<div style="clear: both; text-align:center; position: relative;"><a href="http://windows.microsoft.com/en-US/internet-explorer/.."><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
</html>
<script src="js/html5shiv.js"></script><![endif]-->
<script src="js/device.min.js"></script>
</head>
to show them does:
<div class="box">
<div class="box_aside">
<div class="icon2 fa-facebook"></div>
</div>
<div class="box_cnt__no-flow"><a href="#">Follow on facebook</a></div>
</div>
What am I doing wrong?