Embedded font flips in combo box

Question

I have an Flash builder 4 project with 3.5 backwards compatibility
i'm using an mx combobox. as soon as i set an embedded font to it, the drop down gets flipped as if xScaled to -1
i'm embedding my font like this
@font-face {
    src: url('../libs/fonts/helvetica/HelveticaNeueLTStd-Roman.otf');
    fontFamily: "_HELVETICA NEUE LT";
@font-face {
    src: url('../libs/fonts/helvetica/HelveticaNeueLTStd-Bd.otf');
    fontFamily: "_HELVETICA NEUE LT";
    fontWeight: bold;
/* CSS Document */
Canvas {
    font-family: "_HELVETICA NEUE LT";
    font-size: 16px;
    color: #333333;
and all i have on my application is this
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
                xmlns:mx="library://ns.adobe.com/flex/mx"
                layout="absolute"
                width="1400" height="768"
                frameRate="99"
                backgroundColor="#000000"
                backgroundGradientColors="#000000,#000000">
    <fx:Style source="../libs/MXMLStyles.css"/>
    <mx:Canvas>
        <mx:ComboBox dataProvider="{['a','b','c']}"/>
    </mx:Canvas>
</mx:Application>

Answer 1

Hi,
You are using flex 3 (sdk 3.5), fx tag is flex 4.
Call your css file like this:
<mx:Style source="../libs/MXMLStyles.css"/>
Here is a help for css
http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.html
Rgds
Johnny