CSS @font-face working for one font but not another
I have successfully used the font face declarations for two fonts and it
works for all browsers except IE8 and below. I am using the code from
http://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax.
The strange thing is on IE8, one font is working and the other is not.
Here is the CSS:
@font-face {
font-family: 'FreestyleScriptRegular';
src: url('freescpt.eot'); /* IE9 Compat Modes */
src: url('freescpt.eot?#iefix') format('embedded-opentype'), /*
IE6-IE8 */
url('freescpt.woff') format('woff'), /* Modern Browsers */
url('freescpt.ttf') format('truetype'), /* Safari, Android, iOS */
url('freescpt.svg#FreestyleScriptRegular') format('svg'); /*
Legacy iOS */
}
@font-face {
font-family: 'GillSansMTCondensed';
src:url(Gill_Sans_MT_Condensed.eot);/* IE9 Compat Modes */
src: url('Gill_Sans_MT_Condensed.eot?#iefix')
format('embedded-opentype'),
url('Gill_Sans_MT_Condensed.woff') format('woff'),
url('Gill_Sans_MT_Condensed.ttf') format('truetype'),
url('Gill_Sans_MT_Condensed.svg#GillSansMTCondensed') format('svg');
}
The FreestyleScriptRegular is not rendering correctly but the
GillSansMTCondensed is. I have tried everything I can think of and every
hack I can think of. I even used regenerated the eot file for the font
concerned using a different application but it didn't make any difference.
Is there anything peculiar to IE8 that would prevent the second font from
working? Any ideas?
Thanks
No comments:
Post a Comment