How to share fonts in between more SWF with flash CS3

[lfdesign]

No, I've not tried to create the textfield at runtime... But I don't want to do it...

Here in the second part of this tutorial I think there is the answer to my problem... But I have to pay to access that tutorial!

Flash tutorials - Sharing Fonts in ActionScript 3.0 - Part 2: Displaying a Loaded Font in a TextField Instance - Intermediate tutorials for Flash

The first part is the same as your tutorial...

I'm starting to get crazy with this!! Why there isn't a simple solution to share a font between all swf's??

[Flep]

What's the problem ?
You can' t turn the TextField ?

[lfdesign]

The problem is that I can only use the loaded fonts on the main SWF! If I load another swf into the main SWF (for example home.swf) I can't use the fonts on it!!

Your tutorial only works for loading a font into a single movie!! You don't say how to share that font to all the childs of that movie...

[Flep]

Ok, i think you are misunderstanding me.
I got that font from home.swf with the last commands i said.
The home_txt ( into home.swf ) has the font i loaded into main.swf !

Now, this is pure fonts sharing.
I'm not understanding what are you trying to say now...

Replay:
main.swf loads fonts.swf
main.swf loads home.swf
from home.swf i got a textformat of main.swf and i assigned it to home_txt located in home.swf.

[lfdesign]

I'm sorry Flep... But I think i'm really misunderstanding you...

Can you make a very quick example of what you said here:

main.swf loads fonts.swf
main.swf loads home.swf
from home.swf i got a textformat of main.swf and i assigned it to home_txt located in home.swf.

I will not annoy you anymore... Thanks!

[Flep]

no prob man, it's not annoying
Here is the sample:

[davidjmcclelland.com]

Hi Flep - thanks for this tutorial - it works for me! Much more straightforward than the convoluted AS2 hack I used.

One question that remains for me: can this solution work with a CSS approach to font selection? I would like to use exteranl CSS rather than consume it or convert it to another format in order to apply textFormat.

When I applied my external CSS (using same font names as those registered/working with adaptation of you example) the fonts no longer displayed.

Thanks again!

[davidjmcclelland.com]

I found the answer to my question: When using CSS refer to the fonts by their regular name, not the Font.registerFont(FONT_NAME) name. When I put Perpetua in as my font in CSS it worked like a champ!

[Flep]

thx for the tip !

[James]

Hello Flep,

First I would like to thank you for the great tutorial! I now have my font swf working!

Before I created my font swf, I had my stylesheet loaded in and textfield set to render html. However, once I loaded in the font swf, the correct font now appears, but all my bold and italic text is just normal looking text now. Is there a way to have the by font swf and have my html tags rendered? Here is my code:

public function configUI():void
{
fontLoad();
}

public function createTextField():void
{
field = new TextField();
field.wordWrap = true;
field.width = 600;
field.height = 400;
field.border = false;
field.multiline = true;
field.x = 60;
field.y = 120;
field.embedFonts = true;
field.defaultTextFormat = getTextFormat(0);

addChild(field);


var req:URLRequest = new URLRequest("css/np.css");

var loader:URLLoader = new URLLoader();
loader.addEventListener(Event.COMPLETE, onCSSFileLoaded);
loader.load(req);
}

public function onCSSFileLoaded(event:Event):void
{
var loader:URLLoader = URLLoader(event.target);
var sheet:StyleSheet = new StyleSheet();
sheet.parseCSS(loader.data);
field.styleSheet = sheet;
field.htmlText = IText(assets.commitment_txt).text;
}

public function fontLoad():void
{
var fontLoader:Loader = new Loader();
fontLoader.contentLoaderInfo.addEventListener(Even t.COMPLETE, onFontLoaded);
fontLoader.load(new URLRequest("HelveticaNeue.swf"));
}

public function onFontLoaded(event:Event):void
{
embeddedFonts = Font.enumerateFonts(false);
embeddedFonts.sort();
for(var i:Number = 0; i < embeddedFonts.length; i++){
var item:Font = embeddedFonts[i];
trace("[" + i + "] name:" + item.fontName + ", style: " + item.fontStyle + ", type: " + item.fontType);
}

createTextField();

}

public function getTextFormat(n:int):TextFormat
{
var textFormat:TextFormat = new TextFormat();
var font:Font = embeddedFonts[n];
textFormat.font = font.fontName;
//textFormat.color = 0x000000;
textFormat.size = 12;
return textFormat;
}

My stylesheet:

html {
height: 100%;
overflow: auto;
}

#flashcontent {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
margin: 25px;
font-family: Helvetica, Arial, sans-serif;
font-size:12px;
}

h1 {font-size:20px; font-weight:bold;}
h2 {font-size:16px; font-weight:bold;}

/* end hide */
body {
height: 100%;
margin: 0;
padding: 0;
background-color: #FFFFFF;
font-family: Helvetica, Arial, sans-serif;
}



Any help would be greatly appreciated! Thank you!

James