Question

I basically have the same question as bder on the actionscript.org forums, namely if I can have my text anti-aliased if it is using an embedded font (Myriad Pro) to assign it to the htmlText property of a TextField and styling that with CSS.

Everything works fine with the text embedding and styling (the font is the one I want, and all its variations – bold, italic – are shown correctly), except that it looks bad, i.e. not anti-aliased. Of course, I have tried setting the antyAliasType and gridFitType properties to all possible combinations. Any ideas?

Oh, and I also tried writing my code exactly like in the example here, but did not work either, not sure why.

Thank you.

Answer 1

This thread helped. The trick is to assign a TextFormat instance (with the correct default font) to the defaultTextFormat property of the TextField instace. So the whole code becomes

        var tf : TextField = new TextField();
        tf.selectable = false;
        tf.width = w;
        tf.height = h;

        tf.autoSize = TextFieldAutoSize.LEFT;
        tf.antiAliasType = AntiAliasType.ADVANCED;
        tf.gridFitType = GridFitType.PIXEL;
        tf.wordWrap = true;
        tf.multiline = true;
        tf.embedFonts = true;

        var tff : TextFormat = new TextFormat();
        tff.font = "Myriad Pro";
        tf.defaultTextFormat = tff;

        tf.styleSheet = _styles;

I hope this saves someone a headache.