Problem with styling

Question

I am trying to write a swf that has a variety of buttons to select another swf to load in. One of the SWFs to be loaded contains a list component that has been formated using the StyleManager. The results look good in that SWF; however, when it gets loaded into the parent SWF, all of the buttons in the parent SWF get reformatted. If I drop the StyleManager from the SWF (loaded SWF) and use the following code, nothing gets formatted.
var tf:TextFormat = new TextFormat();
tf.font = "Verdana";
tf.size = 12;
tf.bold = true;
tf.color = 0xcccccc;
vidList.setStyle("textFormat", tf);

Answer 1

Before I reply, let me just add your summary of the situation so far in an email to myself:
If you
successfully style on or components in a SWF and then load that SWF into a
parent SWF that contains only a UILoader sized the same as the first SWF and its
source set to the first SWF, all formatting is lost as well as the text that
would have appeared in those components.
It seems to me this isn't a problem with styling, its a problem with font embedding.
From my testing I've found that components in the loaded SWF only lose their font if there is a UIComponent in the parent.
I haven't been able to find documentation to confirm my theory, but I believe that once the parent has a UI Component it then tries to handle global Fonts, and doesn't immediately have access to Fonts embedded in SWFs it loads. To check this you can actually embed the same font with the same class name into the parent, and you'll find that the font starts working in the loaded SWF.
This isn't ideal in all situations though - sometimes you want the loaded SWF to handle the font embedding for itself. It appears as though if you register the Font in the loaded SWF, this adds the font to the global register that the parent SWF has access to, and this is all that is required for your font to appear.
Font.registerFont(ComicSans);