embenubbup505
New Member
First I should mention I'm working on Tumblr so I'm somewhat limited as far as server-side stuff. I know there are a ton of questions on here about @font-face, but I just can't find a solution to getting it to work in IE9 and 10. I was using the FontSquirrel syntax:\[code\]@font-face { font-family: 'FontName'; font-weight: 400; font-style: normal; src: url('fontname.eot'); src: url('fontname.eot?#iefix') format('embedded-opentype'), url('fontname.woff') format('woff'), url('fontname.ttf') format('truetype'), url('fontname.svg#FontName') format('svg');}\[/code\]Until I discovered it wasn't working in Firefox or IE 9/10, so I've been converting over to using base64 encoding, basing it on a FontSquirrel template and encoding the .woff files at base64fonts.com:\[code\] @font-face { font-family: 'FontName'; font-weight: 400; font-style: normal; src: url('fontname.eot'); } @font-face { font-family: 'FontName'; font-weight: 400; font-style: normal; src: url(data:application/x-font-woff;charset=utf-8;base64,......) format('woff'), url('fontname.ttf') format('truetype'), url('fontname.svg#FontName') format('svg'); }\[/code\](The string of dots representing the giant string of base64 characters). This works great in Chrome and Firefox and seems to work in IE8, but no amount of massaging seems to make IE10 render anything other than an ugly system font.I've tried single quotes, double quotes, no quotes. I've made sure the .ttf has embeddable permissions. I even tried getting rid of my doctype. I read up on bulletproof syntax and tried these examples. When I load that example page in IE10, all but a couple of them render fine; but using the same syntax on my page isn't working.If you want to peek at my monstrous code it's at gist.github.com/neuraldamage/5307289 (as you see I have tried plenty of fonts) and the site in question is at neuraldamage.tumblr.com. Any ideas? Thanks!