Rjhtkqeaqsrk
New Member
I'm using CSS like this:\[code\]@font-face { font-family: Chocolat; src: url('../fonts/chocolat.eot'); src: url('../fonts/chocolat.eot?#iefix') format('embedded-opentype'), url('../fonts/chocolat.woff') format('woff'), url('../fonts/chocolat.ttf') format('truetype'); font-weight: normal; font-style: normal;}html, body{ line-height: 1; margin: 0; padding: 0; font: 15px Chocolat, Arial, Helvetica, sans-serif; color: #000000;}\[/code\]The page looks correct most of the time in IE7, IE8, IE9, and latest versions of FireFox and Chrome. Every few times a page loads, some or all of the page will have areas where the spacing between each letter is off. Sometimes 2 letters are crammed together, and then the next 2 letters have lots of extra space (a few pixels, but obvious and ugly). I'm not positive but I think it is only happening in IE8, and possibly in compatibility mode and also not. It's pretty random so hard to check quickly right now.I have no way to open the other formats, but when I open the TTF format in Windows it says "OpenType" in the title area, but then in the details says "OpenType Layout, TrueType Outlines". I know very little about creating fonts, I just got this from the artist and then used fontsquirrel.com to create the others.Another devloper recommended \[code\]letter-spacing\[/code\] but that only seems to help when things are looking good, not when it gets in this random letter spacing mode.