mardi 14 juin 2016

Font Awesome Icons do not display correctly across browsers

I used some icons placed in my footer from font awesome that link to other pages. The icons load fine on my local server and they load fine on my codepen. However, the icons do not appear on internet explorer and my entire footer disappears from google chrome. What would cause this?

Here is the link to the codepen: http://codepen.io/sibraza/pen/QNPMdm Here is the actual website: http://sibraza.com/

The HTML Code:

<head>
<link rel="stylesheet" href="filepath/font-awesome-4.6.3%202/css/font-awesome.min.css">
</head>

 <div class="row">
        <div class="icons">
          <ul class="social">
            <li><a href="https://www.linkedin.com/in/syed-raza-374a1a89" class="button social"><i class="fa fa-fw fa-linkedin"></i></a></li>
            <li><a href="https://github.com/sibraza15" class="button social"><i class="fa fa-fw fa-github"></i></a></li>
            <li><a href="http://codepen.io/sibraza/" class="button social"><i class="fa fa-fw fa-codepen"></i></a></li>
          </ul>
        </div>
      </div>

Aucun commentaire:

Enregistrer un commentaire