font-face Internet Explorer

Question

font-face Internet Explorer

Asked 10 years, 5 months ago

Viewed 282 times

1

I’m having a problem loading into my sources in IE. It takes about 1 minute to load. Someone else goes through or has already gone through this?

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

}

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

}

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

}

The font this site? Or are you picking her up from outside?

– Diego Henrique

2014/07/23 at 13:29
I am using the font-face technique. Soon they are on my server.

– dsantoro

2014/07/23 at 13:41
@dsantoro Shows the code you are using.

– marcelo2605

2014/07/23 at 13:44
Make sure you use the font formats that render it. *. eot

– Diego Henrique

2014/07/23 at 13:48
Friend, ever thought about using Web Font? Google Fonts has several fonts and for free...

– Rodrigo Mello

2014/08/22 at 15:13

1 answer

Browser other questions tagged internet-explorer css-font-face

You are not signed in. Login or sign up in order to post.

by Dante • **1,215** points · Answer 1 · 2014-07-23T13:35:11+00:00

Modify your font-face for this code and see if it works:

@font-face { 
font-family: MyFont; src: url('myfont.ttf'); 
}
@font-face{ 
font-family: MyFont_IE; src: url('myfont.eot'); 
}
.my_font{ 
font-family: MyFont, MyFont_IE, Arial, Helvetica, sans-serif; 
}

If it doesn’t work (Although it worked for me), take a look here: http://www.iandevlin.com/blog/2009/12/webdev/adventures-with-font-face

Or create your own font on this site: http://www.fontsquirrel.com/tools/webfont-generator