CODEWITHSUNDEEP
htmlcssinternet-explorerfont-face
Mike Boory
Mike Boory

Reputation: 187

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; }

Upvotes: 6

Views: 4222

Answers (4)

Petter
Petter

Reputation: 19

Try to use http://fontello.com/ - choose the entypo icons you need and download their package. That worked in IE7+ for me.

Upvotes: 1

Benjamin Parry
Benjamin Parry

Reputation: 1

Double check you’ve not got IE’s Compatibility View selected. Just wasted over an hour without checking and it works fine when de-selected.

Also if you’re using html5shiv, try placing it after your css file containing the fonts.

Upvotes: 0

Do Not Track Me
Do Not Track Me

Reputation: 2286

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

Upvotes: 5

Ricbermo
Ricbermo

Reputation: 805

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.

Upvotes: 1

Related Questions