Embedded Fonts Linkage problem with CSS


I’ve been struggling with an odd issue…

I have embedded all of my different fonts in the library - (ie Regular, Bold, Semibold versions)

When I try to call those fonts via their linkage name from my CSS file, they just don’t appear at all… NO test appears in fact.

I can only get them to appear when I refer to them by their “real” name ie NOT: ChapProSemBold - Only: Chaparral Pro Semibold

I can only get the variations of the font appearing together when embedfonts = false, but then the text looks crappy - even with “antiAliasType = AntiAliasType.ADVANCED”.

When I set embedfonts = true, the type looks good - but I don’t get the variations anymore! I just get the standard font - not my bold or semibold.

Can anyone help?

My CSS is:

p {
    font-size: 14px;
    font-family:Chaparral Pro;
    color: #5F6062;


b {
    font-size: 16px;
    font-family:Chaparral Pro Semibold;
    color: #fbb033;

a:link {
    text-decoration: none;
    color: #fbb033;
a:hover {
    color: #fbb033;
    text-decoration: none;


And I am calling my CSS in the usual markup:

var req:URLRequest = new URLRequest("styles/bodyStyle.css");
        //event handlers for loading in CSS        loader.addEventListener(IOErrorEvent.IO_ERROR, errorHandler);
        loader.addEventListener(IOErrorEvent.IO_ERROR, errorHandler);
        loader.addEventListener(Event.COMPLETE, cssCompleteHandler);