Font Icons einbinden

Guten Morgen zusammen,

ich möchte auf unserem Shop eine Sidebar einbauen. (www.eluno24.de)

Hat soweit auch funktioniert, aber die Font Icons werden nicht angezeigt.

Ich habe in der index-Usermod folgendes:

Code:

<aside id="sticky-social">
        <ul>
            <li><a href="" class="entypo-facebook" target="_self"><span>Startseite</span></a></li>
            <li><a href="https://www.eluno24.de/info/Contact.html" class="entypo-twitter" target="_self"><span>0421 / 566 26 29</span></a></li>
            <li><a href="http://www.eluno24.de/info/Versand-und-Zahlungsbedingungen.html" class="entypo-gplus" target="_self"><span>Versand frei ab 50€ in DE</span></a></li>
            <li><a href="http://www.eluno24.de/info/Same-Day-Shipping.html" class="entypo-linkedin" target="_self"><span>Same Day Shipping*</span></a></li>
            <li><a href="http://www.eluno24.de/newsletter.php" class="entypo-instagrem" taget="_self"><span>5 € Gutschein</span></a></li>
            <li><a href="https://www.facebook.com/eluno24de-278109278873870/" class="entypo-stumbleupon" target="_blank"><span>Facebook</span></a></li>
            <li><a href="https://plus.google.com/+eluno24De" class="entypo-pinterest" target="_blank"><span>Google+</span></a></li>
            
                </ul>
    </aside>

In der CSS:

Code:

@import url(http://weloveiconfonts.com/api/?family=entypo);

/* entypo */
[class*="entypo-"]:before {
   font-family: "entypo", sans-serif;
}
a { 
   text-decoration: none;
}
ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
.container {
   margin: 0 auto;
   padding: 20px 50px;
   background: white;
}
#sticky-social {
   left: 0;
   position: fixed;
   top: 260px;
}
#sticky-social a {
   background: #333;
   color: #fff;
   display: block;
   height: 40px;
   font: 16px "Open Sans", sans-serif;
   line-height: 40px;
   position: relative;
   text-align: center;
   width: 40px;
}
#sticky-social a span {
   line-height: 40px;
   left: -120px;
   position: absolute;
   text-align:center;
   width:120px;
}
#sticky-social a:hover span {
   left: 100%;
}
#sticky-social a[class*="facebook"],
#sticky-social a[class*="facebook"]:hover,
#sticky-social a[class*="facebook"] span { background: #3b5998; }

#sticky-social a[class*="twitter"],
#sticky-social a[class*="twitter"]:hover,
#sticky-social a[class*="twitter"] span { background: #00aced; }

#sticky-social a[class*="gplus"],
#sticky-social a[class*="gplus"]:hover,
#sticky-social a[class*="gplus"] span { background: #dd4b39; }  

#sticky-social a[class*="linkedin"],
#sticky-social a[class*="linkedin"]:hover,
#sticky-social a[class*="linkedin"] span { background: #007bb6; }  

#sticky-social a[class*="instagrem"],
#sticky-social a[class*="instagrem"]:hover,
#sticky-social a[class*="instagrem"] span { background: #517fa4; }  

#sticky-social a[class*="stumbleupon"],
#sticky-social a[class*="stumbleupon"]:hover,
#sticky-social a[class*="stumbleupon"] span { background: #eb4924; }  

#sticky-social a[class*="pinterest"],
#sticky-social a[class*="pinterest"]:hover,
#sticky-social a[class*="pinterest"] span { background: #cc2127; }  

#sticky-social a[class*="flickr"],
#sticky-social a[class*="flickr"]:hover,
#sticky-social a[class*="flickr"] span { background: #ff0084; }  

#sticky-social a[class*="tumblr"],
#sticky-social a[class*="tumblr"]:hover,
#sticky-social a[class*="tumblr"] span { background: #32506d; }

Kann mir jemand weiterhelfen?

Viele Grüße
Christopher

 

Besten Dank für die Hinweise

Hat etwas gedauert, aber nun läuft es. Der Text wird bei hover noch nicht angezeigt, aber das krieg ich schon irgendwie hin.

Gruß
Christopher