html - Internet Explorer doesn't recognize font -

html - Internet Explorer doesn't recognize font -

i trying have custom made social media icons on webpage. using socicon font. code works browsers except ie11. tried ?#ie prepare , still didn't work. have read need set total name in order ie11 recognize font. believe socicon total name, when type in still doesn't work.

here 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('h ttp://cdn2.hubspot.net/hub/181041/file-1979860473-svg/font/socicon.svg') format('svg'); font-weight: normal; font-style: normal; }

it odd when tried erase line:

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

safari no longer produced socicon font. didn't think safari read .eot files.

thanks,

megan

if ie above 8, suggest convert fonts .woff format. i've had problem before , solution it.

feed eot fonts in this , convert them .woff. then, give try.

edit: seek utilize local fonts

html css fonts