Question

I’m trying to embed a font using css on in my flex project via CSS:

@font-face {
    src: url("/slimCurves.ttf");
    fontFamily: SlimCurves;
    embedAsCFF: true;
    font-weight:normal;
}


.slimCurves
{
    fontFamily: SlimCurves;
    fontLookup: embeddedCFF;
    fontSize: 15px;
}

When I try to apply the style to a text input field the input field looses its existing style, but doesn’t seem to inherit the custom one.

<s:TextInput width="100%" fontSize="33" text="test" styleName="slimCurves"/>

If I apply the same style to a label, the label shows the text in the custom font as would be expected. Any ideas?

Answer 1

Looks like this had something to do with the selected theme. Selecting a different template seems to have resolved this issue.