[flexcoders] Embedded fonts + modules = weirdness

[ben.clinkinbeard]

CSS file in main app:

@font-face
{
        src: url("assets/fonts/Gotham-Medium.otf");
        fontFamily: "GothamMedium";
}
Button.BlueButtonOutline
{
        skin: Embed(skinClass="Button_BlueButtonOutline_skin");
        fontFamily: "GothamMedium";
        font-size: 14;
        color: #FFFFFF;
        text-roll-over-color: #FFFFFF;
        text-selected-color: #FFFFFF;
}

I then have a component in a module that has a child button with
styleName="BlueButtonOutline", simple enough. That component is then a
child of a 2 TabNavigator children. The button that is a descendant of
the first tab has a mystery font to begin with, and then the text
disappears completely on rollover. The button that is a descendant of
the second tab works perfectly.

What gives?

Thanks,
Ben