Not able to change SuperTabNavigator tab text's font

Question

I'm struggling with SuperTabNavigator coz I'm not able to change the tab text's font. My font is a OTF embedded in the application via @face-font syntax in my style sheet, and I have used this successfully in other places e.g. spark label. Then I have defined a style for the SuperTabNavigator referencing the aformentioned font both in term of fontStyle and fontFamily. No result achieved.

Could you please provide the correct way to change tab text's font in the SuperTabNavigator component?

Thanks in advance Best Regards

Answer 1

Try to modify CSS the SuperTabNavigation

@font-face {
    src:url("./fonts/YOURFONT.TTF");
    fontFamily: myFont;
}
@font-face {
    src:url("./fonts/YOURFONT.TTF");
    fontWeight: bold;
    fontFamily: myFont;
}

SuperTabNavigator {
        popupButtonStyleName: "popupButton";
        tabStyleName: "firefoxLikeTabs";
        leftButtonStyleName: "leftButton";
        rightButtonStyleName: "rightButton";
        buttonWidth:20px;   
        font-family: "myFont";
        font-size: 11;
    }