I've been pulling my hair out trying to figure out why I can't get
embedded fonts to work with my TabBar. Maybe this has been posted, but
I couldn't find it. So to prevent hair loss for others, here's the gist.

It seems that the TabBar component has a bug/limitation concerning
embedded fonts used within CSS class selectors. It just doesn't work. 

So, to use an embedded font with a TabBar component, you have to do
this in your CSS file:

@font-face
{
        src:url("fonts/MYRIADPC.TTF");
        fontFamily: myFont;
        fontWeight: normal;

Tab
{
        fontFamily: myFont;
        fontWeight: normal;
        fontStyle: normal;
        fontSize: 18;
        color:#FFFFFF;  
}

This doesn't work:

.myTabStyle
{
        fontFamily: myFont;
        fontWeight: normal;
        fontSize: 18;
        color:#FFFFFF;  
} 

Unfortunately, this sets all the tabs using the same font
characteristics, which I haven't figured out how to override yet.
Using the style inline (within a MXML component) doesn't seem to work:
Doesn't override text styles set in the Tab selector:

<label:TaskBar x="0" y="20" styleName="myTabStyle" /> 

I'll post more if I figure something out, though I'm not feeling hopeful.

Bruce





--
Flexcoders Mailing List
FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt
Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com 
Yahoo! Groups Links

<*> To visit your group on the web, go to:
    http://groups.yahoo.com/group/flexcoders/

<*> Your email settings:
    Individual Email | Traditional

<*> To change settings online go to:
    http://groups.yahoo.com/group/flexcoders/join
    (Yahoo! ID required)

<*> To change settings via email:
    mailto:[EMAIL PROTECTED] 
    mailto:[EMAIL PROTECTED]

<*> To unsubscribe from this group, send an email to:
    [EMAIL PROTECTED]

<*> Your use of Yahoo! Groups is subject to:
    http://docs.yahoo.com/info/terms/
 


Reply via email to