Internet Explorer will not recognize my font.

[GoogleCodeExporter]

I am trying to have custom made social media icons on my webpage. I am using 
socicon font. My code works for all browsers except for IE. I even tried the 
?#ie fix and it still didn't work. I have also read that I need to put the Full 
Name in order for IE to recognize the font. I believe that socicon is the full 
name, but when I type that in Safari doesn't recognize the font.

Here is my code:

@font-face {
    font-family: 'si';
    src: url('http://cdn2.hubspot.net/hub/181041/file-1984135345-eot/Font/socicon.eot');
    src: url('http://cdn2.hubspot.net/hub/181041/file-1984135345-eot/Font/socicon.eot?#iefix') format('embedded-opentype'),
          url('http://cdn2.hubspot.net/hub/181041/file-1984135350-woff/Font/socicon.woff') format('woff'),
          url('http://cdn2.hubspot.net/hub/181041/file-1981225289-ttf/Font/socicon.ttf') format('truetype'),
          url('http://cdn2.hubspot.net/hub/181041/file-1979860473-svg/Font/socicon.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

It is also odd that when I tried to erase this line:

src: 
url('http://cdn2.hubspot.net/hub/181041/file-1984135345-eot/Font/socicon.eot?#ie
fix') format('embedded-opentype'),

Safari also no longer produced the socicon font. I didn't think Safari read 
.eot files.

Thanks,

Megan

Original issue reported on code.google.com by [email protected] on 31 Oct 2014 at 1:11