Embedded font issues -- Flex not measuring properly

Question

I started this out in one thread ( http://forums.adobe.com/thread/470702 ) and it has progressed into a new, bigger issue. I embedded fonts using the code below.  Flex is not measuring them properly or the font I'm using is vertically challenged.  I suspect the font I am embedding has different vertical spacing than the default font.  I have determined the fonts are embedding by rotating the containers.
Here's an example of what I'm getting:
The right side radio button is the raw display (height works out to 23), the left side radio button I forced the height to 15.  Both the radio buttons are set to exactly the same y coordinate.  You can see the right hand text is not centered on the radio button.  I don't want to go thru the hassle of adjusting every single component height to make the font look centered plus that's an ugly workaround.
I don't think there is anything wrong with my code nor do I think a font swf will help.  I sure would like to know what's going on but it is beyond my understanding.  Here's my thought.  I like the default font the compiler uses when I DON"T embed fonts, looks like this:
I figure if I could embed this font, everything would work properly.  I just don't where this font lives.  The docs indicate the default font is _serif but it looks more like _sans to me.  And I don't know the hierarchy for my platform.
So...  Does anyone know either how to fix this measurement issue or where I can find THE True Type font or swf or something that Flex uses as a default so I could embed it?
/* 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;

Answer 1

First off, yes there was a correction to the left hand radio button.  I forced the height of the button to be different and that seemed to help center things
After a bit of beating my head against the way, I decided to run a simpler test.  I set up a case where I had default fonts side by side with embedded fonts.  Since my default.css file had Verdana I decided to use a Verdana embedded font.  I figured I could compare them directly and maybe play with advanced anti-aliasing at the same time.  I've attached the files (change the txt extension to mxml)
The result was a somewhat of a surprise.  I didn't realize that all text really wasn't centered on the component (eg radio button, checkbox) at my default size and below.  I do see the small pixel shift, especially in the Button.
So...  I have found the "real" font declaration in the defaults.css file, am seeing the small pixel shift with embedded fonts, that using advanced anti-aliasing  can help on smaller text, and realized I have to be very careful where I use font sizes smaller than default.  I'm guessing that the "perfect" default size on my system would be 12 since that appears what my Verdana.ttf font is based on.  My defaults.css file has the font size set at 10.  The inability to measure properly is exacerbated when the fonts are embedded.
Now the real question -- anyone have a clever fix?