CSS - custom webfont displaying in all browsers excelt IE

Developers Frontend
1

Hello,



I used a technique to embed my own custom font on our website, so it displays that font instead of Arial or others, regardless if its installed on someones machine.



[url]Fontspring Blog – The New Bulletproof @Font-Face Syntax



It works perfectly in all browsers tested, except IE. Incidentally I have a ie7.css and ie.css, but nothing font-face related in them. Maybe the solution is to have something there which refers to these options?



@font-face {

font-family: ‘MinionPro’;

src: url(‘/font/MinionPro-Regular.eot’); /* IE9 Compat Modes /

src: url(‘/font/MinionPro-Regular.eot?iefix’) format(‘eot’), / IE6-IE8 /

url(‘/font/MinionPro-Regular.woff’) format(‘woff’), / Modern Browsers /

url(‘/font/MinionPro-Regular.ttf’) format(‘truetype’), / Safari, Android, iOS /

url(‘/font/MinionPro-Regular.svg#svgFontName’) format(‘svg’); / Legacy iOS */

font-weight: normal;

font-style: normal;



}



The website is www.filigreestreet.com



Any comment is much appreciated! Has anyone used this technique or another one, and can show me how its meant to work?



Of course, I got the fonts I’m loading in saved in the /font subdirectory



Regards,



Michael

2

I would put the code in IE.css and test it again.

3

I did TonyK, just now. In both ie.css and ie7.css which I have as well. No change. I’m beginning to think there is either a typo or something more fundamentally wrong …

4

[quote name='FiligreeStreet' timestamp='1302381271' post='109435']

I did TonyK, just now. In both ie.css and ie7.css which I have as well. No change. I'm beginning to think there is either a typo or something more fundamentally wrong …

[/quote]



dude maybe its the backslash not getting the right directory? /font/MinionPro-Regular.woff

try font/MinionPro-Regular.woff