Using custom Entypo Fontelle Font

Hey Guys,
I hope someone can help me out. I have a website that has a reservations system and the reservations page sites on a different server then my wordpress install. I need to create a basic Header footer template to use. Everything seems to working except for the custom font entypo-fontello font icons, social icons and anywhere the custom font is being called. I have search the net for a solution for example changing .htaccess file for apache settings. I know the fonts are pointing to the right location, they are just not showing up on the buttons/icons etc.

I basically just cut and paste the html code, put in on our custom server, all css files and required files are also put onto the custom server. Everything seems to be working great except for the icons. Unfortunately the website is current on a development server so I cannot show you a live version.

Here is a snippet of the code that shows the social icons. Am I missing something? I see the code on the wordpress site and there is ::before tags also in there, but don’t see them or doesn’t know how to use them

<div class=”container”>
<ul class=”noLightbox social_bookmarks icon_count_3″>
<li class=”social_bookmarks_twitter av-social-link-twitter social_icon_1″><span class=”avia_hidden_link_text”>Twitter</span>

<li class=”social_bookmarks_facebook av-social-link-facebook social_icon_2″><span class=”avia_hidden_link_text”>Facebook</span>
<li class=”social_bookmarks_rss av-social-link-rss social_icon_3″><span class=”avia_hidden_link_text”>Rss</span>

<div class=”phone-info “><span>Contact Us</span></div>
</div>

Could you please help me out?
Thanks for your time.