[flexcoders] Can't change font on ToggleButtonBar items

[djepyon]

Thanks in advance to anyone who can help me with this.

I have a toggleButton bar with the following CSS definition

ToggleButtonBar{

        button-style-name: MenuTab;
        
}

.MenuTab{
        
        font-family: PowerWindows;
        
        color: #FFFFFF;
        font-size: 12pt;
        
        textRollOverColor: #909090;
        textSelectedColor: #000000;
        
        padding-left: 3px;
        padding-right: 3px;
        padding-bottom: 0px;
        pading-top: 0px;
        
}

And the font is embedded as such:

@font-face {
    fontFamily: PowerWindows;
    src:url("../assets/fonts/PowerWindows.ttf");
    advancedAntiAliasing: true;
}

If I drop the fontFamily: PowerWindows onto another component (tested
this on MenuBar) it works just fine, but I can't seem get the
ToggleButtonBar font to change. Any idea what I'm doing wrong here?

Thanks guys.