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?
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 */
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
I would put the code in IE.css and test it again.
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 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 …
dude maybe its the backslash not getting the right directory? /font/MinionPro-Regular.woff