I made an error in my original post. I meant to say the compiler went nuts. Both Builder and the compiled swf are wrong. It's way more than a 1 pixel shift. The right side radio button is unchanged (height works out to 23), the left side radio button I set the height to 15. Both the radio buttons are set to exactly the same y coordinate
----- Original Message ----- From: ag_rcuren To: flexcoders@yahoogroups.com Sent: Thursday, August 06, 2009 8:40 AM Subject: [flexcoders] Re: Flex Builder vs Embedded Fonts - Partially solved There is a know bug in flex 3 with embedded fonts where they display one pixel higher. This make button labels and other things look off center. As far as I have seen this affects all embedded fonts and is due to the way they are anti aliased. There are a couple work arounds out on the web some involve changing the measure code, or simply moving the text component down by 1 pixel. But this happens in the compiled swf not just inside of Flex builder. --- In flexcoders@yahoogroups.com, "Warren" <warrenony...@...> wrote: > > OK -- after some digging I think I know what's going on. I'm embedding Verdana font. I'm thinking the issue is that the vertical spacing in the font is different than the default font Flex Builder is using. As a result, the measurement routine is off. > > This feels like a bug to me -- I'll be checking the Adobe bug system next. The only way I can figure out how to fix this is to embed exactly the same font that Builder is using by default. > > Can anyone tell me how to determine this? > > > ----- Original Message ----- > From: warrenonflex > To: flexcoders@yahoogroups.com > Sent: Wednesday, August 05, 2009 8:38 AM > Subject: [flexcoders] Flex Builder vs Embedded Fonts > > > Recently I had the need to embed font's in my Flex 3 application. I used the CSS code (see below) to embed the fonts and make them global. Worked great except Builder went nuts. The Builder display doesn't look like the website. Elements are shifted about, text doesn't line up properly (for example, radio button text doesn't center on the radio icon), etc. It's a mess. I am using Builder version 3.0.2.214193 > > So I have two questions: > > 1) If I create a swf of the fonts and embed it in flex using the swf, will Builder prefer this? > > 2) What is the default font for Flex or how do I determine what it is in my install? If I knew that, I could embed it and hope that Builder would stop messing up. > > 3) What Am I Doing Wrong? > > Warren Koch > > /* CSS file */ > > @font-face { > font-family: MainFont; > src: url("assets/fonts/verdana.TTF"); > unicode-range: U+0020-U+007E; > advancedAntiAliasing: true; > } > > @font-face { > font-family: MainFont; > src: url("assets/fonts/verdanab.TTF"); > unicode-range: U+0020-U+007E; > advancedAntiAliasing: true; > fontWeight: bold; > } > > @font-face { > font-family: MainFont; > src: url("assets/fonts/verdanai.TTF"); > unicode-range: U+0020-U+007E; > advancedAntiAliasing: true; > fontStyle: italic; > } > > @font-face { > font-family: MainFont; > src: url("assets/fonts/verdanaz.TTF"); > unicode-range: U+0020-U+007E; > advancedAntiAliasing: true; > fontWeight: bold; > fontStyle: italic; > } > > global { > font-family: MainFont; > } >
<<clip_image002.jpg>>