10 replies to this topic

[ACTIONpack]

I'm designing a blog for a website and for some reason IE can't see the font-face in my css style sheet. Chrome, Safari and Firefox see the font-face fine but not for IE. What I'm I doing wrong?

Works fine if it's not in wordpress, aka XHTML or HTML5!

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

.widget h2 {
color: #333;
font: 22px 'Book', Helvetica, sans-serif;
margin:0 0 6px 0;
}

[Mr.XXIV]

Which version of IE?

[The_Decryptor]

Does the eot file exist? Does it work if you remove the "iefix" stuff? (So it'll use the WOFF version)

[threetonesun]

Did you use Firebug or Chrome inspector on it? It must be getting assigned a font from somewhere else.

Also, are you loading an IE-specific stylesheet that might override this after base css file?

[lunamonkey]

I think it's trying to load the second line also, and failing. Remove the first like and separate the hacks out....

this works for me at http://www.nationwide.co.uk

@font-face{
font-family:nbsBold;
src:url(/_/fonts/nbs-bold-webfont.eot?#ieNo404) format("eot");
src:local("☺"),url(/_/fonts/nbs-bold-webfont.woff) format("woff"),url(/_/fonts/nbs-bold-webfont.ttf) format("truetype");
}

[The_Decryptor]

local("☺")

You shouldn't need that, in fact all it will do is slightly slow down the resolution process. If you don't want to load a font from the local system simply leave out the local() declaration, don't give it invalid data.

[primexx]

http://www.fontsquir...tface/generator

[lunamonkey]

The_Decryptor, on 03 July 2012 - 01:06, said:

local("☺")

You shouldn't need that, in fact all it will do is slightly slow down the resolution process. If you don't want to load a font from the local system simply leave out the local() declaration, don't give it invalid data.

That's so that IE6+ doesn't follow that line. IE should just obey the first line and then stop at the #.

Even the generator code didn't work for me, I did a bit of trial and error.

[The_Decryptor]

IE6 doesn't support anything other than src: url();, even including a format() parameter breaks it (And it only ever uses 1 src:; property, the first one)

[primexx]

the fontsquirrel generator's code works perfectly for me in IE9

[lunamonkey]

The_Decryptor, on 03 July 2012 - 23:05, said:

IE6 doesn't support anything other than src: url();, even including a format() parameter breaks it (And it only ever uses 1 src:; property, the first one)

Exactly, IE will try and use the Woff file if I don't hack that line with a local src. (and then break). I didn't just put it there for fun.