Question

I’m trying to embed a font in my project by using url(“font.ttf”) rather than local(“Font Name”), but it doesn’t seem to pick it up. The font in question is called “Gotham Bold”. When i view the details of the font, the font weight is regular, however when i use local(“Gotham Bold”) in the css i have to specify fontWeight: bold or else it wont pick it up. But when I use url(“folder\Gotham-Bold.ttf”), and specify fontWeight: bold, it says that font weight is not found for that TTF. If i remove the fontweight, there’s no errors, but the font is not applied to the text. any ideas please?

Thanks

Answer 1

I use this code to embed a custom Font in my Flex App. I placed this code directly in mx:Application.

I have found two different file one for the normal weight and one for the bold.

    <mx:Style>

        /*S!_DCB__.TTF*/
    @font-face{
        src: url("S!_DC__.TTF");
        fontFamily: DAX2;
        font-weight:normal;
        }
    @font-face{
        src: url("S!_DCB__.TTF");
        fontFamily: DAX2;
        font-weight:bold;
        }
    </mx:Style>

After that i just put the DAX2 font name in the component.

Claudio.