Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Using Entypo @font-face not working in IE8 or later?

I just started using Entypo font-face to make my social icons, but in IE8 or later, it displays the font as an empty box. I don't know if there is something wrong with my code or their font.

@font-face {
font-family: 'entypo-social';
src: url('entypo-social.eot');
src: url('entypo-social.eot?#iefix') format('embedded-opentype'),
     url('entypo-social.woff') format('woff'),
     url('entypo-social.ttf') format('truetype'),
     url('entypo-social.svg#svgFontName') format('svg'); }


.social_font a{
font: 47px/20px 'entypo-social', Arial, sans-serif; }
like image 934
Mike Boory Avatar asked Nov 07 '12 20:11

Mike Boory


2 Answers

Entypo does not work in IE8. i just visited their website in IE8 and their demos are completely broken.

like image 80
deweydb Avatar answered Nov 01 '22 15:11

deweydb


This is the code i've been using for font-face:

@font-face {
    font-family: 'ChunkFive';
    src: url('ChunkFive.eot');
    src: url('ChunkFive.eot?#iefix') format('embedded-opentype'),
    url('ChunkFive.woff') format('woff'),
    url('ChunkFive.ttf') format('truetype'),
    url('ChunkFive.svg#font') format('svg'); ;
    font-weight: normal;
    font-style: normal;
}

you could take a llok at this. http://css-tricks.com/snippets/css/using-font-face/

By the way: font-face Do works in IE8.

like image 20
Ricbermo Avatar answered Nov 01 '22 16:11

Ricbermo