Flash + Fonts: Dynamically Loaded Fonts + Embedding + CSS + HTML == Hell September 19, 2008
I swear about every year I end up reexploring the dark internals to flash's murky font seas, lose a day to a weekend everytime.
Basically the embedded fonts + html is a fairly complicated beast, that in order to work has to be called in a very specific order to work.
Here's a new twist. As I've covered in previous articles the ability to load fonts dynamically is very cool, but what of those textfields on stage used as placeholders? How do they join in the font fun? THEY DON'T. It doesn't appear possible to have them styled as CSS+HTML+Embedded, even if you set it to new text with CSS the text inside just dissapears. However you can create a new TextField that does support those values at the exact same place, and swap them like:
-
-
//////////// Takes a clip on stage and replaces it with an 'identical' one ////////////////////////////////////////
-
public static function swapClip(txt : TextField) : TextField {
-
trace("swapClip2..............." + txt.name);
-
var par : DisplayObjectContainer = txt.parent;
-
-
var tf : TextField = new TextField();
-
var ss : StyleSheet = new StyleSheet();
-
var tff : TextFormat = txt.defaultTextFormat;
-
-
var p : Object = new Object();
-
p.fontSize = tff.size;
-
-
p.fontFamily = tff.font;
-
//"Myriad Pro";
-
p.color = tff.color;
-
p.size = tff.size;
-
ss.setStyle("p", p);
-
//
-
tff.font = tff.font;
-
//"Myriad Pro";
-
tf.defaultTextFormat = tff;
-
// new TextFormat("Myriad Pro", 16, 0);
-
tf.styleSheet = ss;
-
-
-
tf.width = txt.width;
-
tf.height = txt.height;
-
tf.x = txt.x;
-
tf.y = txt.y;
-
// tf.border = true;
-
-
tf.embedFonts = true;
-
tf.antiAliasType = AntiAliasType.ADVANCED;
-
tf.selectable = true;
-
tf.multiline = true;
-
tf.wordWrap = true;
-
tf.condenseWhite = false;
-
-
// tf.rotation = 15;
-
// txt.visible = false;
-
trace("swapClip htmlText " + txt.htmlText);
-
var html : String = "<p>" + txt.text + "</p>";
-
tf.htmlText = html;
-
tf.name = txt.name + "";
-
-
// par
-
par.addChildAt(tf, par.getChildIndex(txt));
-
par.removeChild(txt);
-
return tf;
-
}
-
Weirdly you have to give it both TextFormat and styleSheet to get the similar formatting as the clip on stage, clearly Flash's internal renderer has significant internal state and both TextFormat or StyleSheet overlapp controlling different aspects of it.
1 responses to 'Flash + Fonts: Dynamically Loaded Fonts + Embedding + CSS + HTML == Hell'
[...] you haven’t you may want to check out loading Font Libraries dynamically. Here and [...]
Add a Comment: