NEED SOME HELP HERE... embedded fonts, css, xml, textfields, dynamic content

[erictomlinson]

I'm dying here trying to figure this out for days.
Here's the scenario:

1) External script.as file dynamically imported to loader.swf file that creates a textfield

(createTextFiel d)
2) Content for the text field should be provided by an XML file
3) Content styled by external css file
4) Fonts need to be embedded so as to apply anti-alias

I can get the XML & CSS to apply to the text field, but can't get the content to use the embedded font. It

usually comes back "undefined" if the embedded font works. Otherwise, when I comment out the embed font, the

content work, but of course, not the anti-aliasing. Ugh. I've tried doing all kinds of forum searches, but

nothing has clarified this for me. I'm intermediate at AS and this is something new to me. Any help will be

GREATLY appreciated and I will send good juju your way.
Here's a sampling of some of the script I have been using:

ACTIONSCRIPT:

mf = new TextFormat();
mf.font = "arial_font ";
Stage.scaleMode = "noScale";

this.createText Field("news_txt ", 99, 50, 50, 450, 300);
news_txt.border = true;
news_txt.html = true;
news_txt.multil ine = true;
news_txt.wordWr ap = true;
news_txt.embedF onts = true;
news_txt.autoSi ze = true;
news_txt.setNew TextFormat(mf);


// Load CSS
var styles:TextFiel d.StyleSheet = new TextField.Style Sheet();
styles.load("he ading.css");

// Load XML apply to headingText
var banner_xml:XML = new XML();
banner_xml.igno reWhite = true;
banner_xml.onLo ad = function(succes s:Boolean):Void {
if (success) {
news_txt.styleS heet = styles;
news_txt.text = banner_xml;
} else {
trace("Error loading XML.");
}
};
banner_xml.load ("heading.xml") ;



XML:

<story>
<title></title>
<mainBody>
<heading>Headin g Text</heading>
<tagline>Clev er tagline goes here</tagline>
</mainBody>
</story>



CSS:

heading {
color:#000000;
font-family:"Frankli n Gothic Book", Arial, sans-serif;
display: block;

font-size: 50pt;
margin: 0px;
padding: 0px;
letter-spacing: -5px;
}

tagline {
color:#000000;
font-size: 20pt;
font-family:"Frankli n Gothic Book", Arial, sans-serif;
display: block;
font-weight: bold;
}

So, if I turn off the xml/css and use htmlText to create content for the text field, the text uses the

embedded font and is anti-aliased. If I keep the xml/css but comment out embedFonts, then the content works

but is not anti-aliased. I need both of these to work at the same time. PLEASE HELP!!

peace

[xNephilimx]

I'm dying here trying to figure this out for days.
Here's the scenario:

1) External script.as file dynamically imported to loader.swf file that creates a textfield

(createTextFiel d)
2) Content for the text field should be provided by an XML file
3) Content styled by external css file
4) Fonts need to be embedded so as to apply anti-alias

I can get the XML & CSS to apply to the text field, but can't get the content to use the embedded font. It

usually comes back "undefined" if the embedded font works. Otherwise, when I comment out the embed font, the

content work, but of course, not the anti-aliasing. Ugh. I've tried doing all kinds of forum searches, but

nothing has clarified this for me. I'm intermediate at AS and this is something new to me. Any help will be

GREATLY appreciated and I will send good juju your way.
Here's a sampling of some of the script I have been using:

ACTIONSCRIPT:

mf = new TextFormat();
mf.font = "arial_font ";
Stage.scaleMode = "noScale";

this.createText Field("news_txt ", 99, 50, 50, 450, 300);
news_txt.border = true;
news_txt.html = true;
news_txt.multil ine = true;
news_txt.wordWr ap = true;
news_txt.embedF onts = true;
news_txt.autoSi ze = true;
news_txt.setNew TextFormat(mf);


// Load CSS
var styles:TextFiel d.StyleSheet = new TextField.Style Sheet();
styles.load("he ading.css");

// Load XML apply to headingText
var banner_xml:XML = new XML();
banner_xml.igno reWhite = true;
banner_xml.onLo ad = function(succes s:Boolean):Void {
if (success) {
news_txt.styleS heet = styles;
news_txt.text = banner_xml;
} else {
trace("Error loading XML.");
}
};
banner_xml.load ("heading.xml") ;



XML:

<story>
<title></title>
<mainBody>
<heading>Headin g Text</heading>
<tagline>Clev er tagline goes here</tagline>
</mainBody>
</story>



CSS:

heading {
color:#000000;
font-family:"Frankli n Gothic Book", Arial, sans-serif;
display: block;

font-size: 50pt;
margin: 0px;
padding: 0px;
letter-spacing: -5px;
}

tagline {
color:#000000;
font-size: 20pt;
font-family:"Frankli n Gothic Book", Arial, sans-serif;
display: block;
font-weight: bold;
}

So, if I turn off the xml/css and use htmlText to create content for the text field, the text uses the

embedded font and is anti-aliased. If I keep the xml/css but comment out embedFonts, then the content works

but is not anti-aliased. I need both of these to work at the same time. PLEASE HELP!!

peace

I was having the very same problem, I think it's caused by Flah's poor HTML parsing. It only allows certain tags, like <b>, and <a>, unordered list's, paragraphs and I think that's all, if you have content in other tags, like <i> the text won't be displayed. Also sometimes the font you choose is not properly displayed, Trebuchet MS is one that works alright, but it's kinda random. The solution I managed is to make a function to rebuild the HTML tags, since Flash sometimes wrecks it all up, and up till now it works fine.

This is the AS part of an app I've been working in, it's a relevant search:

Stage.scaleMode = "noScale";
 
var home:MovieClip = this;
var searching:Boolean = false;
var totalresults:Number = 0;
 
var xml:XML = new XML();
xml.ignoreWhite = true;
xml.onLoad = parseXML;
 
buscar.onRelease = function() {
    search(q.text);
}
 
function search(str:String) {
    searching = true;
    clearLastSearch();
    xml.load("rs-xml.php?q=" + str);
}
 
function parseXML() {
    if(searching) {
        var nodes:Array = xml.firstChild.childNodes;
 
        for (i = 0; i < nodes.length; i++) {
            var titulo:String = nodes[i].firstChild.firstChild;
            var texto:String = nodes[i].childNodes[1].firstChild;
            var relev = nodes[i].childNodes[2].firstChild;
 
            var r:MovieClip = attachMovie("result","r"+i,i);
            r._x = 35 + r._width/2;
            r._y = 150 + (r._height*i);
            r.titulo.text = titulo;
            r.texto.htmlText = rebuildHTML(String(texto));
            r.relev.text = "Relevancia: " + relev + "%";
 
            totalresults = (i+1);
        }
    }
}
 
function clearLastSearch() {
    for(i = 0; i < totalresults; i++) {
        home["r"+i].removeMovieClip();
    }
}
 
function rebuildHTML(theText:String):String {
    var tempText:String = theText;
    var chunks:Array = new Array();
 
    chunks = tempText.split("&lt;");
    tempText = chunks.join("<");
    chunks = tempText.split("&gt;");
    tempText = chunks.join(">");
    chunks = tempText.split("&amp;");
    tempText = chunks.join("&");
 
    chunks = tempText.split("href=&quot;");
    tempText = chunks.join("href=\"");
    chunks = tempText.split("&quot;>");
    tempText = chunks.join("\">");
    return tempText;
}
 

There are some spanish words in it, sorry about that, I'm from Argentina...
"texto" means text, "buscar" means serch, "relevancia " means "relevance" , sorry if I missed some.

I hope it serves to you.