Using an Embedded Font in another .swf

I am encountering a situation with font embedding that hopefully someone out there will know the solution to. This is a slightly boiled-down version of the problem but all the pertinent details are included. Without further ado, here's the situation:
TLDR Version: If I have a font embedded and registered with Font.registerFont(), and I attempt to use that font in a .swf that was compiled from an .fla in Flash CS5 that so much as MENTIONS that font, it fails.
Longer Description:
The Goal: Embed fonts in 1 .swf, use those fonts in many .swfs. Simple.
Fonts.swf
I have 3 .swf files. The first is called Fonts.swf. This was created in Flash CS5. It contains an embedded font( Franklin Gothic Demi ) with characters a-z, A-Z, numerals, and punctuation, etc. Regular, not bold. The font is exported for actionscript and the class is FranklinGothicDemi.
On the main timeline of Fonts.swf is the code:
Font.registerFont( FranklinGothicDemi ).
Application.swf
The second .swf is Application.swf. The following code snippet is from Application.as:
[Embed(source="Fonts.swf")]
private static var EmbeddedFonts:Class;
initFonts()
var embedFont:EmbeddedFonts = new EmbeddedFonts();
embedFont.addEventListener( Event.COMPLETE, function( e:Event ){ traceEmbeddedFonts(); } );
When traceEmbeddedFonts is called, it verifies that Franklin Gothic Demi is in fact registered.
UserInterface.swf
The third .swf file is UserInterface.swf. Fonts are NOT embedded in this file. They are not supposed to be. The project has many .swf files and they should all be using the fonts embedded in Fonts.swf.
On the main timeline of UserInterface, it calls it's own version of traceEmbeddedFonts(), which again confirms that Franklin Gothic Demi is embedded.
Inside UserInterface is a TextField we'll call mMainTextField, with some text, say "Main Menu". The font is "Franklin Gothic Demi", the anti-alias style is 'use device fonts.' I have tried other anti-alias styles as well.
As it turns out, UserInterface.swf is 'embedding' Franklin Gothic Demi, with a character set of a big fat 0 characters. This is taking precedence over the Franklin Gothic Demi font embedded from Fonts.swf. I can side-step this problem by setting mMainTextField to use some other Font while publishing and then using actionscript to change it back to Franklin Gothic Demi when the project is running, but that's not a solution that is friendly to the artists.
In essence, the question is simple: Why is Flash Embedding and Registering fonts with character sets of size 0, despite the fact that nowhere in UserInterface.swf is there a request to embed fonts, and how do I prevent it from doing so?
If anyone who sees this has already encountered and solved this problem and shares the solution with me, you will be my favorite person .
Thanks!
-J

You know, I think its just a bug inside Flash Builder Burrito. When I run my app through the emulator it doesn't display correctly but when I run it on my phone it works as it should.

Similar Messages

TextFlow using an embedded font or stylename in span

I am trying to use an embedded font in a TextFlow span element in a TextArea in a custom component and it is not working. Also can you use a stylename from an ext. stylesheet? The fontFamily works if I style the TextArea itself with it, and it works as a device font in the span since it is loaded on my computer, but I need to use it as an embedded font since most users will not have it.
Thanks,
John
Below is what I tried:
<s:TextArea>
<s:textFlow>
<s:TextFlow>
<s:p>
<s:span fontFamily="threeDumbFont" fontLookup="embeddedCFF">
Everyone says the cow jumped over the moon
</s:span>
</s:p>
</s:TextFlow>
</s:textFlow>
</s:TextArea>
I have a external styleshteet for the application here is part of it that includes the font:
@font-face {
src:url("assets/fonts/3Dumb.ttf");
fontFamily: 'threeDumbFont';
fontWeight: normal;
fontStyle: normal;
embedAsCFF: true;
.logo {
fontFamily: 'threeDumbFont';
fontLookup: embeddedCFF;
fontSize: 40;
color: #ed1161;

Set fontFamily on the TextArea as well.
The rules are that all fonts in a component must be embedded in the same SWF, and the component itself must be given one of those fonts as the fontFamily (and fontStyle and fontWeight) so it can detect and use the correct SWF for its fonts. Once you've specified one of the fonts in the SWF, the TextFlow can use any of the fonts in the SWF.
Alex Harui
Flex SDK Developer
Adobe Systems Inc.
Blog: http://blogs.adobe.com/aharui

[svn:fx-trunk] 8531: If using an embedded font, need to measure the text with it so that if auto-sizing, the correct amount of space is allocated.

Revision: 8531
Author:   [email protected]
Date:     2009-07-13 12:25:57 -0700 (Mon, 13 Jul 2009)
Log Message:
If using an embedded font, need to measure the text with it so that if auto-sizing, the correct amount of space is allocated.
QA Notes:
Doc Notes: SDK-22205.
Reviewers: will be Gordon
Ticket Links:
    http://bugs.adobe.com/jira/browse/SDK-22205
Modified Paths:
    flex/sdk/trunk/frameworks/projects/spark/src/spark/primitives/RichEditableText.as

Revision: 8531
Author:   [email protected]
Date:     2009-07-13 12:25:57 -0700 (Mon, 13 Jul 2009)
Log Message:
If using an embedded font, need to measure the text with it so that if auto-sizing, the correct amount of space is allocated.
QA Notes:
Doc Notes: SDK-22205.
Reviewers: will be Gordon
Ticket Links:
    http://bugs.adobe.com/jira/browse/SDK-22205
Modified Paths:
    flex/sdk/trunk/frameworks/projects/spark/src/spark/primitives/RichEditableText.as

[svn:osmf:] 13113: Changing to not use an embedded font by default, and adding instructions on how to use the free 'type writer' bitmap font.

Revision: 13113
Revision: 13113
Author: [email protected]
Date: 2009-12-21 01:08:10 -0800 (Mon, 21 Dec 2009)
Log Message:
Changing to not use an embedded font by default, and adding instructions on how to use the free 'type writer' bitmap font.
Modified Paths:
 osmf/trunk/libs/ChromeLibrary/.flexLibProperties
 osmf/trunk/libs/ChromeLibrary/src/org/osmf/chrome/controlbar/widgets/ScrubBar.as
 osmf/trunk/libs/ChromeLibrary/src/org/osmf/chrome/controlbar/widgets/URLInput.as
Added Paths:
 osmf/trunk/libs/ChromeLibrary/src/org/osmf/chrome/fonts/
 osmf/trunk/libs/ChromeLibrary/src/org/osmf/chrome/fonts/Fonts.as
Removed Paths:
 osmf/trunk/libs/ChromeLibrary/assets/images/stop_up.png_1

Your site was built using tables, whose sizes are defined in your site.
If we look at your first table definition, we can see:
<table width="861" height="1449" border="3" cellpadding="0" cellspacing="0" bordercolor="#868787">
Your table has a width of 861 pixels and an overall height of 1449 pixels. Anything you put into that overall box must fit those dimensions, else
it won't be visible. Anything you add above it will push everything down. You can redefine your sizing to let you edit more inside of the table elements.
This is why, when you type in more text, things act weird. If you are in Dreamweaver, you must find the right cell to put your text into and then enter
text there. Unfortunately, this is going to push things around, which were all lined up using tables. And this gets everything offset with respect to
everything else in your website.
And that is why everyone is saying, "Start Over!"
I just inherited a website that has been put together using tables. I'm going to have to expend considerable effort in rewriting the entire design of the
website because of that. because everything I intend to add to the pages on the site is going to need to be deconstructed in order to get it to work
properly if I'm adding text and pictures that need to line up with each other.
You need something done quick and dirty and the only way I can recommend you do that is to use Dreamweaver to show you the tables you have
and put what you need in a new table that is defined above or below the tables you all ready have defined. Do that and then get back to someone here
who knows how to make a website correctly to clean up your entire website and make it editable -- which will cost you some money, but it will be
money well-spent.
I like to quote this maxim: Good, Fast, Cheap. Pick any two. This works for website design. You can get it fast and cheap, but it won't be good. I
think you may have chosen that route.

Using embeded fonts in loaded swf.

I have a .Swf, which has 3 fonts embedded in it, they are all exported in frame 1 for AS. This swf loads any number of external .swfs which have dynamically generated textfields inside of them. This text must be embedded text because effects may be applied to them. I do not want to embed the three fonts into every external swf, and do not think I should have to. The font exists in the Loading swf and I have registered the fonts to the global font list. If I print this list from the loaded swf, all three fonts are present, but when I try to use any of them, my textfiels are empty.
My question is how do I utilize a font which is embedded in a swf, from a swf which has been loaded into that swf?
From my external swf, this code:
[PHP]var embeddedFonts:Array = Font.enumerateFonts(false);
embeddedFonts.sortOn("fontName", Array.CASEINSENSITIVE);
trace(embeddedFonts);[/PHP]
produces the following:
[PHP][object CenturyBook],[object MyriadProRegular],[object MyriadProItalic][/PHP]
which are the three fonts that are embedded in the loading swf, So I assume the LOADED swf has access to these fonts.
When I apply this code to the externally loaded swf:
[PHP]var FontClass:Class = getDefinitionByName("MyriadProRegular") as Class;
trace("FontClassInstance -> " + FontClass.toString());
var linkedFont: Font = new FontClass();
trace("Font name: " + linkedFont.fontName);
var textFormat: TextFormat = new TextFormat(linkedFont.fontName, 14);
//... The next lines set up the text box and apply the format. I am sure this is done correctly.
[/PHP]
I get the following output:
[PHP]FontClassInstance -> [class MyriadProRegular]
Font name: Myriad Pro[/PHP]
which is exactly what I would expect. Yet, my text box is still blank. I have embedText = true on the text box, and have applied a string to the "text" property, so it's nothing silly liek that.
Any help would be appreciated...

You may also want to look at the various embedded font format issues. Many of the Flex 4 components use a newer embedded font fortmat, which is not the same as the one generally used in Flash. So even if ther Flash font gets registered properly, it still may not work with some of the spark components.
You should be able to create a swf using Flex that contains fonts embedded in either format, which can then be used in the way you describe, though, since Flex 4 suports both font formats.
Hopefully, someone else will jump in here if I got some of this wrong.
-JM

AIR 3.0 mx:HTML embedded fonts in external swf - silent craziness

The recent upgrade to AIR 3.0 has hosed our application. We rely heavily on an mx:HTML control to render the UI of our application using javascript and HTML templates. Everything has been working great in production for months, until Adobe released AIR 3.0 last week. We use embedded fonts in our application that our defined in an external .swf (loaded at runtime). The HTML control loads a .css file that references the name of our embedded font "ArialEmbedded" and it all worked great. But now, with 3.0 it does not respect anything in the external .swf. We get the default Times New Roman font in all of our content, and the app crashes with reliability (in debug mode and release mode) without any exceptions being thrown.
Using the Windows Debugger, I have been able to track it down to this call consistently - Webkit!cairo_pattern_get_type with an Access Violation erros - c0000005 .
After some Googling, it seems webkit uses Cairo for the graphics rendering portion of the library, and in this case it is trying to render a specific color.
1) I've tried forcing the moduleLoader on the HTML control to use the moduleLoader of the parent Spark component - to no avail.
2) Did something change with style management and loading external .swf files?
3) Any other help? At this point, I have no idea where to begin. When it crashes, usually during the rendering of items in a grid the AIR process will grab about 2GB of RAM all at once and then stop working with the windows process stopped working dialog.
Thanks for any help,
Steve

Hi,
Could you please open a new bug report on this over at bugbase.adobe.com? Please include sample media, code, project or app to help us reproduce the issue. Finally, once the bug has been added, would you mind posting back with the URL so that others affected can add their votes and comments?
Thanks,
Jian
Adobe Flash Runtime team

Using an embedded font inside of a skinClass?

I have a font embedded and it works correctly throughout the application... but for some reason I can't get it to work inside a Skin class (base on a button). I tried importing the css file manually and placing the styleName on it but it just doesn't seem to be getting it right (or rather I'm not getting it right).
Any ideas?

You know, I think its just a bug inside Flash Builder Burrito. When I run my app through the emulator it doesn't display correctly but when I run it on my phone it works as it should.

Module not unloading if embedded font was ever used

So, I have a test app that uses modules with the font embeded. Using ModuleManager I am able to load up the module. Once I call IModuleInfo.factory.create(), I am then able to setStyle("fontFamily", "BPDiet") and the font does show up. The issue I am now having is that once I have used a font from a module, even if my TextArea is no longer using it (I even tried removing the textArea, and replacing it with a new one), the module will not unload.
I read through this "What We Know About Unloading Modules" and I think I am not leaving any references around.They are loaded using the load() defaults. There is no code (that is used) in the module. The modules are not being added to the display, so they never receive focus.
Note that I am unable to run the profiler as suggested in the article as I don't have the premium Flash Builder 4. <grrr>
Note that the first module that is loaded, I can never get to unload, even if I never used the font embedded in it, but all subsequent modules will unload, if I do not use the embedded font. I can live with the first one being pinned as long as I can unload the others that are not in use.
Here is the code from one of my modules:
<?xml version="1.0" encoding="utf-8"?>
<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009"
 xmlns:s="library://ns.adobe.com/flex/spark"
 xmlns:mx="library://ns.adobe.com/flex/mx">
 <fx:Script>
 <![CDATA[
 import spark.components.TextArea;
 [Embed(source='assets/BPDiet.otf',
 fontName='BPDiet',
 mimeType='application/x-font')]
 public static var BPDietNormal:Class;
 public function GetSampleTextArea():TextArea {
 var SampleTextArea:TextArea = new TextArea();
 SampleTextArea.text = "Test BPDiet please!";
 SampleTextArea.setStyle("fontFamily", 'BPDiet');
 return SampleTextArea;
 ]]>
 </fx:Script>
</mx:Module>
And here is the App that is loading and using the modules:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
 xmlns:s="library://ns.adobe.com/flex/spark"
 xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="400" minHeight="400">
 <fx:Script>
 <![CDATA[
 import mx.collections.ArrayCollection;
 import mx.core.UIComponent;
 import mx.events.FlexEvent;
 import mx.events.ModuleEvent;
 import mx.managers.SystemManager;
 import mx.modules.IModule;
 import mx.modules.IModuleInfo;
 import mx.modules.Module;
 import mx.modules.ModuleManager;
 import spark.components.TextArea;
 private var _ta:TextArea = null;
 protected var _moduleInfo:IModuleInfo;
 private function LoadFontTextArea(fontSwf:String):void {
 status.text = "Loading the font pack";
 _moduleInfo = ModuleManager.getModule(fontSwf);
 // add some listeners
 _moduleInfo.addEventListener(ModuleEvent.READY, onModuleReady);
 _moduleInfo.addEventListener(ModuleEvent.ERROR, moduleLoadErrorHandler);
 _moduleInfo.addEventListener(ModuleEvent.UNLOAD, moduleUnloadHandler);
 _moduleInfo.load();
 private function onModuleReady(event:ModuleEvent):void {
 status.text = "The font pack swf Ready \n" + event.module.url;
 //All I had todo was create the module, then I could access the embeded font by name
 var fontMod:* = event.module.factory.create();
 //_ta = fontMod.GetSampleTextArea();
 //panelToStuff.addElement(_ta);
 fontMod = null;
 //fontNameForSample = event.module.url.replace(".swf", "");
 private function moduleLoadErrorHandler(event:ModuleEvent):void {
 status.text = "Font Module Load Error. \n" +
 event.module.url + "\n"+ event.errorText;
 private function moduleUnloadHandler(event:ModuleEvent):void {
 status.text = "Font Module Unload Event. \n" + event.module.url;
 private function fontChangedHandler():void {
 unloadCurrentFont();
 LoadFontTextArea(String(availFonts.selectedItem));
 private function unloadCurrentFont():void {
 if (_ta != null) {
 panelToStuff.removeElement(_ta);
 _ta = null;
 panelToStuff.removeElement(sampleTextArea);
 sampleTextArea = null;
 sampleTextArea = new TextArea();
 sampleTextArea.id = "sampleTextArea";
 sampleTextArea.text = "Some text for your viewing pleasure. " + colorForBK.toString(16);
 panelToStuff.addElement(sampleTextArea);
 if (_moduleInfo != null)
 _moduleInfo.release();
 //_moduleInfo.unload();
 _moduleInfo = null;
 System.gc();
 private function DoNonImportantWork():void {
 colorForBK -= 0xFAA;
 if (colorForBK < 0x0) colorForBK = 0xFFFFFF;
 var foo:* = {prop1: "yea" + colorForBK.toString(), prop2:"boo" + colorForBK.toString()};
 var hmm:String = foo.prop1 + " " + foo.prop2;
 regedFonts = new ArrayCollection(Font.enumerateFonts(false));
 [Bindable]
 private var colorForBK:int = 0xFFFFFF;
 [Bindable]
 private var fonts:ArrayCollection =
 new ArrayCollection(new Array("AlexandriaFLF.swf", "BPDiet.swf", "ChanpagneFont.swf", "KidsFont.swf"));
 [Bindable]
 private var regedFonts:ArrayCollection;
 [Bindable]
 private var fontNameForSample:String = "";
 ]]>
 </fx:Script>
 <s:VGroup id="panelToStuff">
 <s:HGroup>
 <s:Label id="status" text="status area" backgroundColor="{colorForBK}"/>
 <s:VGroup>
 <s:DropDownList id="availFonts" dataProvider="{fonts}" change="fontChangedHandler()" />
 <s:Button label="UnLoad" enabled="true" click="unloadCurrentFont()"/>
 <s:Button label="doSome" enabled="true" click="DoNonImportantWork()"/>
 </s:VGroup>
 </s:HGroup>
 <s:HGroup>
 <s:Button click="fontNameForSample = 'BPDiet';" label="BPDiet"/>
 <s:Button click="fontNameForSample = 'Champagne';" label="Champagne"/>
 <s:Button click="fontNameForSample = 'Kids';" label="Kids"/>
 </s:HGroup>
 <s:Label text="{regedFonts.length} reg'ed"/>
 <s:TextArea id="sampleTextArea" fontFamily="{fontNameForSample}" text="Some Sample text for your viewing"/>
 </s:VGroup>
</s:Application>
A couple things to note; I am calling System.rc() in the unloadCurrentFont() method just to speed up seeing the SWF unload in the debug console. The DoNonImportantWork() is there to just cause some events to happen and to create some objects that will need to be GC'ed. It also let me know that the fonts are not getting registered in Font.
I'm going to have 30 fonts (and more, that designer is busy) that I will need to be able to dynamically load, but right now, loading them with CSS style modules blows up after about 15 because style modules register the font so I cannot unload the CSS swf.

To help eliminate the question of whether the TextArea is being held by something else, I have removed it from the MXML, and now programatically create it. That did not help.
So, I got the trial version of Flash Builder 4 installed on another machine in the office so that I can use the profiler. (The profiler is pretty cool by the way).
After a lot of profiing, I found four paths to the module's FlexModuleFactory.
Two of those paths go to EmbeddedFontRegistry, whose data is static. I could get into it and remove font entry and free up the moduleFactory from there. This is a hack, that entry in/on EmbeddedFontRegistry.font should have been cleaned up by the code removing the fontFamily from the TextArea. (Note that EmbeddedFontRegistry is marked [ExcludeClass], which I assume means I should not really be messing with it.
The other two I cannot get to as they are anonymous. They also don't appear to be referenced, as the Object References shows them both as GC root objects. Here is a screen shot:
I did a search through the sdk code and 'fbs' only shows up as a parameter on the init function of various Marshal support classes, but is not used in the init()
Anyway, these references to the FlexModuleFactory do not get held if I do not use the embeded font in the module.
Here is the updated code:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
 xmlns:s="library://ns.adobe.com/flex/spark"
 xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="400" minHeight="400">
 <fx:Script>
 <![CDATA[
 import mx.collections.ArrayCollection;
 import mx.core.EmbeddedFont;
 import mx.core.EmbeddedFontRegistry;
 import mx.core.IEmbeddedFontRegistry;
 import mx.core.UIComponent;
 import mx.events.FlexEvent;
 import mx.events.ModuleEvent;
 import mx.managers.SystemManager;
 import mx.modules.IModule;
 import mx.modules.IModuleInfo;
 import mx.modules.Module;
 import mx.modules.ModuleManager;
 import spark.components.TextArea;
 private var _ta:TextArea = null;
 protected var _moduleInfo:IModuleInfo;
 private function LoadFontTextArea(fontSwf:String):void {
 status.text = "Loading the font pack";
 _moduleInfo = ModuleManager.getModule(fontSwf);
 // add some listeners
 _moduleInfo.addEventListener(ModuleEvent.READY, onModuleReady);
 _moduleInfo.addEventListener(ModuleEvent.ERROR, moduleLoadErrorHandler);
 _moduleInfo.addEventListener(ModuleEvent.UNLOAD, moduleUnloadHandler);
 _moduleInfo.load();
 private function onModuleReady(event:ModuleEvent):void {
 status.text = "The font pack swf Ready \n" + event.module.url;
 //All I had todo was create the module, then I could access the embeded font by name
 var fontMod:* = event.module.factory.create();
 fontMod = null;
 private function moduleLoadErrorHandler(event:ModuleEvent):void {
 status.text = "Font Module Load Error. \n" +
 event.module.url + "\n"+ event.errorText;
 private function moduleUnloadHandler(event:ModuleEvent):void {
 status.text = "Font Module Unload Event. \n" + event.module.url;
 private function fontChangedHandler():void {
 unloadCurrentFont();
 LoadFontTextArea(String(availFonts.selectedItem));
 private function unloadCurrentFont():void {
 if (_ta != null && _moduleInfo != null) {
 var fontName:String = _ta.getStyle("fontFamily");
 _ta.setStyle("fontFamily", "");
 _ta.validateProperties();
 if (_ta.textDisplay) {
 _ta.textDisplay.validateProperties();
 panelToStuff.removeElement(_ta);
 _ta = null;
 //This I should not have to do, but the framework is not doing it
 var embFontReg:IEmbeddedFontRegistry = EmbeddedFontRegistry.getInstance();
 var embFonts:Array = embFontReg.getFonts();
 for each (var curEmbFont:EmbeddedFont in embFonts){
 if (curEmbFont.fontName == fontName){
 embFontReg.deregisterFont(curEmbFont, _moduleInfo.factory);
 if (_moduleInfo != null)
 _moduleInfo.unload();
 _moduleInfo = null;
 System.gc();
 private function AddTA():void {
 _ta = new TextArea();
 _ta.text = "Some text for your viewing pleasure. " + colorForBK.toString(16);
 panelToStuff.addElement(_ta);
 private function DoNonImportantWork():void {
 colorForBK -= 0xFAA;
 if (colorForBK < 0x0) colorForBK = 0xFFFFFF;
 var foo:* = {prop1: "yea" + colorForBK.toString(), prop2:"boo" + colorForBK.toString()};
 var hmm:String = foo.prop1 + " " + foo.prop2;
 [Bindable]
 private var colorForBK:int = 0xFFFFFF;
 [Bindable]
 private var fonts:ArrayCollection =
 new ArrayCollection(new Array("AlexandriaFLF.swf", "BPDiet.swf", "ChanpagneFont.swf", "KidsFont.swf"));
 ]]>
 </fx:Script>
 <s:VGroup id="panelToStuff">
 <s:HGroup>
 <s:Label id="status" text="status area" backgroundColor="{colorForBK}"/>
 <s:VGroup>
 <s:DropDownList id="availFonts" dataProvider="{fonts}" change="fontChangedHandler()" />
 <s:Button label="UnLoad" enabled="true" click="unloadCurrentFont()"/>
 <s:Button label="AddTA" enabled="true" click="AddTA()"/>
 <s:Button label="doSome" enabled="true" click="DoNonImportantWork()"/>
 </s:VGroup>
 </s:HGroup>
 <s:Button click="_ta.setStyle('fontFamily', 'BPDiet');" label="BPDiet"/>
 </s:VGroup>
</s:Application>
I really think I've reached the end of what I can do. This really seems like a bug.

Possible to use embedded font in TLFTextField, with TextFormat?

I want to be able to dynamically change the font in a TLFTextField to an embedded font (not a device font). I'm using Flash CS5.
The only way I've found a TLFTextField will use an embedded font is if the on-stage TLFTextField has been set to use that font through the Flash UI. The example code I've found online (Font.registerFont etc) all works fine for a TextField, but not TLFTextField.
Below is a very simple piece of code that I expected to work. I have a font (Earwig Factory) embedded in my library (as DF4, linkage "Earwig"), and the isFontCompatible trace call prints "true", but still it is using the device font - if I remove the system font from my machine (or view the SWF on another machine) it falls back to Times New Roman.
Can anyone give a very simple example of a TLFTextField dynamically selecting an embedded font? Eventually I would like to store my fonts in a separate SWC / SWF, but for now just working out of the Library would be a good start.
Thanks,
Grant
import flash.text.TextFormat;
import flash.text.AntiAliasType;
import flash.text.FontStyle;
import fl.text.TLFTextField;
import flash.text.engine.FontLookup;
var format:TextFormat = new TextFormat();
format.font = "Earwig Factory"
trace("Earwig Factory isFontCompatible: " + tf.isFontCompatible("Earwig Factory", FontStyle.REGULAR) );
tf.defaultTextFormat = format;
tf.embedFonts = true;
//tf.antiAliasType = AntiAliasType.ADVANCED;
tf.setTextFormat(format);
//tf.textFlow.fontLookup = FontLookup.EMBEDDED_CFF;

Ok, I have some success - I can get an on-stage TLFTextField to dynamically use an embedded font. However, this is quite complex, and doesn't use a TextFormat. And is this seriously the way Adobe intends us to do it - if so perhaps this should be documented better?
import fl.text.TLFTextField;
import flashx.textLayout.formats.TextLayoutFormat;
import flashx.textLayout.elements.TextFlow;
import flash.text.TextFormat;
import flash.text.AntiAliasType;
import flash.text.FontStyle;
import flash.text.Font;
import flash.text.engine.FontLookup;
import flashx.textLayout.edit.ISelectionManager;
import flashx.textLayout.edit.EditManager;
import flashx.textLayout.edit.SelectionState;
var updateTF:TLFTextField = stageTF;
var applyFont:Font = new Earwig();
updateTF.embedFonts = true;
var tlfFormat:TextLayoutFormat = new TextLayoutFormat();
tlfFormat.fontFamily = applyFont.fontName;
tlfFormat.fontLookup = FontLookup.EMBEDDED_CFF;
updateTF.textFlow.invalidateAllFormats();
updateTF.textFlow.hostFormat = tlfFormat;
var prevManager:ISelectionManager = updateTF.textFlow.interactionManager;
var editManager:EditManager = new EditManager();
var sel:SelectionState = new SelectionState(updateTF.textFlow, 0, updateTF.text.length);
updateTF.textFlow.interactionManager = editManager;
editManager.applyLeafFormat(tlfFormat, sel);
updateTF.textFlow.interactionManager = prevManager;
updateTF.textFlow.flowComposer.updateAllControllers();

How to use embedded font (CFF) for Flash CS4?

Hi,
I am trying to embed "Arial Unicode MS" for use by TLF in my Flash CS4 project. As I googled around, I am using the "Flex SWC" approach, only not having any luck. Here is what I got:
//Code in Flex ActionScript project:
package
    public class FontEmbeds
        [Embed(source='C:/Windows/Fonts/ARIALUNI.TTF',
                fontFamily='ArialUnicodeMS',
                embedAsCFF='true'
        public const Font1:Class;
When I am trying to instantiate this class, I have AS code in my Flash main timeline:
var font:Font = new FontEmbeds_Font1();
Flash compiler says: "1067: Implicit coercion of a value of type FontEmbeds_Font1 to an unrelated type flash.text:Font."
Ok. Now after I changed it to:
var font:FontEmbeds_Font1 = new FontEmbeds_Font1();
Flash gives 3 errors:
"VerifyError: Error #1014: Class mx.core::FontAsset could not be found.
ReferenceError: Error #1065: Variable TextLayout is not defined.
ReferenceError: Error #1065: Variable MainTimeline is not defined."
I am assuming I have to create a Font1 object in order to use the embedded font. Is this assumption correct? As I've tried to use the "fontFamily" directly but Flash didn't seem to find the font at all:
charFormat.fontFamily = "ArialUnicodeMS";
Thanks.

Hi Eric,
Thanks for the info.
I've tried to use the "fontFamily" directly but Flash didn't seem to find the font at all:
charFormat.fontFamily = "ArialUnicodeMS";
In one fla where I used pure TFL, nothing gets rendered at all in the container Sprite. Flash doesn't throw any errors either. In another fla where I used a ComboBox, etc. along with TFL, it throws an error says it can't compile since "there is no ActionScript found" and I got a screen where all the Flash components were flickering. After several attempts, Flash crashed.
Also as a side note, the swc gets generated by Flash Builder Beta 2, at first it was 18mb and the second time I complied it become 9mb and stayed 9mb afterwards. Not sure if that's a concern.
Geng

How to use dynamic loaded embeded font?

I have loaded fonts.swf on startup. I don't use TextLayout
Embeded fonts feature. Then i have loaded some xml and assign xml
to TextLayout. How I can use loaded font for display?

Are you using Flash CS4 or Flex?
Check out the following blog post, it contains instructions
for font embedding that may help you out:
Embedded
Font Subsetting Using DefineFont4

Using embedded fonts

Hi,
I've embedded font into an SWF in the following manner:
package resources.fonts
import flash.display.Sprite;
public class _Arial extends Sprite
[Embed(source='c:/windows/fonts/Arial.ttf',
fontName='_Arial')]
public static var _Arial:Class;
Now when I try to load it in my AIR app, I get "IFlexAsset
could not be found" error when the file gets loaded. Any
ideas?

@Flex, thanks. I have tried, and succeeded in making swf containers for fonts in various ways including using the fontswf app but they never seem to be used after I have loaded them in the main application. I have asked a couple of questions here:
http://stackoverflow.com/questions/12846752/embedded-font-flash-text-engine There doesn't seem to be any error message, the font just 'silently' isn't used. Do you think that it just isn't possible? The documentation I've been able to dig up all seems to indicate that it should be; including the sentence I quote above.

Trouble with Preview not using embedded fonts in a PDF

I have a client I'm working with that is generating PDF reports for various organizations in various languages. They are using an Arial Unicode font but are using different encoding for some of the more unique languages. To ensure the report will be viewable regardless of installed fonts, they are embedding the font.
Most of the languages are showing up fine in preview, but three languages are giving me trouble. Specifically Greek, Russian and Thai which are using encoding EL8MSWIN1253, CP1251, and TH8TISASCII.
Basically the question is whether there is some toggle that will tell Preview to use the embedded font? Or something we can put into the PDF (the pdf is created using FPDF) that will allow a user to know which font/encoding they'll need to install in order to properly view the document? (I'm actually trying to figure that out myself...which font I need to install to get preview to view the document properly).
Thanks in advance for any help.

Actually, I got that example to work... here are the changes
I made...
<mx:htmlText>
<![CDATA[You can vary the font
size, color, face, or any combination
of the three.]]>
</mx:htmlText>
As I said above, I have found errors in the code of the help
docs... this is yet another one of them. Usually its spaces in the
wrong place, or no space at all, or missing ) or ], or a case
sensitivity issue.
If you got your custom font to display, that should work...
but then again.. what should work, doesn't always.

Unable to apply embedded font swf to text in text layout framework

Hello,
We have created a swf for a given font (for e.g., Calibri.swf) which contains all the styles (Regular, Italic, Bold, BoldItalic).
We have created a xml which lists the name of the font and the corresponding swf file path. The names from the xml are loaded into a combo box in the application.
When we try to apply the selected font to a text in the text layout framework, it does not apply the same. It sets the font to default "Times" font.
Following is a snippet of code to apply the font to the text:
private function selectFont(fontXML:XML):void {
                var path:String = fontXML.@source;
                var myEvent:IEventDispatcher = styleManager.loadStyleDeclarations(FlexGlobals.topLevelApplication.url.substring(0,FlexGl obals.topLevelApplication.url.lastIndexOf("/"))+"/"+path);
                myEvent.addEventListener(StyleEvent.COMPLETE, function(event:StyleEvent):void{
                    var editManager:EditManager = textFlow.interactionManager as EditManager;
                    var itextLayout:TextLayoutFormat = new TextLayoutFormat();
                    itextLayout.fontSize = 20;
                    var fontName:String = fontXML.@name;
                    Alert.show(fontName);
                    itextLayout.fontFamily = fontName;
                    Alert.show( "itext = " + itextLayout.fontFamily);
                    editManager.applyFormat(itextLayout,itextLayout,itextLayout);
                    var flowLeafElement:FlowElement = textFlow.findLeaf(editManager.anchorPosition) as FlowElement;
                    editManager.changeStyleName(fontName,flowLeafElement);
Can anyone please let us know what is missing in the implementation?
Thanks in advance.
Vikram

My recommendation: unless you really care about ISWFContext implementations and the application domain issues, ignore Alex's post about embedded fonts.
It is a nice discussion about the inner workings of the domain and security of how this works but it is imho broken and is an insane concept to require an ISWFContext to just use an embedded font. It also breaks runtime CSS loading that has fonts embedded in it because the Flex compiler (last I checked) was also busted – it doesn't include the function necessary to create within context the font embed so that it may be applied. You can't create an ISWFContext with a compiled CSS file.
These issues were introduced in the last Flex SDK beta before FB4 was released in final form. There are multiple bugs logged against the issue of applying loaded font files to TLF text (in short, SWFContext is broken and you have to override GlobalSettings.resolveFontLookupFunction to return embedded or null, all the time).
Here's some more details to get you started - with links to at least one of the SDK bugs that were filed:
http://forums.adobe.com/message/2656152
For example:
import flashx.textLayout.elements.GlobalSettings;
import flash.text.engine.FontLookup;
GlobalSettings.resolveFontLookupFunction = function makeValid():String { return FontLookup.EMBEDDED_CFF };
And you may need to do this after your font is loaded:
yourTextBlock.textFlow.invalidateAllFormats();
Disclaimer: I haven't seen the latest Flex SDK release to see if this was fixed. I have an AIR application with native process that builds embedded font SWF files for use and stub code for FB4 usage but haven't updated to the latest SDK yet to see if it's working properly.
Anyhow, your best bet is to look at the Flash Builder forums. I think this is/was a Flex team issue, not TLF.

Reader does not use or display the embedded fonts

I have an odd problem with both Reader X and XI. Neither one will use the embedded fonts when opened from an email. I can forward from that PC to any other PC and the fonts will display correctly. The HP is Windows 7 64 bit. I can view the document that was forwarded through it on XP, Win7 Win8 or Ipad and it displays correctly. The "use local fonts" is uncheck but it seems to ignor the change.

Adobe PDF Plug-In For Firefox and Netscape 10.1.7 ?
I think you need to add this to the list of applications and the action to take on the type of content. This can also be managed in the about:permissions page. [[Permissions Manager - Give certain websites the ability to store passwords, set cookies and more]]

Using an Embedded Font in another .swf

Similar Messages

Maybe you are looking for