Embedded CFF font not working in TLF in latest stable build and higher (4.0.0.13875)

Question

Hi there,
We are using embedded fonts with the TLF framework and since upgrading to the latest nightly build or the stable build, it stopped working. Here is a short example:
<?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="1024" minHeight="768" xmlns:mx1="library://ns.adobe.com/flex/halo">
     <fx:Style>
          @font-face {
               embedAsCFF: true;
               fontFamily: "Courier";
               src: url("COURIER.otf");
               advancedAntiAliasing: true;
               fontStyle: normal;
               fontWeight: normal;
     </fx:Style>
     <fx:Declarations>
          <s:TextFlow id="tf" fontSize="20">
               <s:p fontFamily="Courier" fontLookup="embeddedCFF">hallo is dit courier?</s:p>
               <s:p>hallo is dit courier?</s:p>
          </s:TextFlow>
     </fx:Declarations>
     <s:VGroup>
          <s:RichEditableText textFlow="{tf}" />
     </s:VGroup>
</s:Application>
Any idea why it doesn't work anymore. The same example works fine compiling with build; 4.0.0.11686.
Thanks,
marcel panse

Answer 1

Hi Guys,
I sort of figured out a figured out a solution/workaround:
<?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="1024" minHeight="768" xmlns:mx1="library://ns.adobe.com/flex/halo"
                  creationComplete="onCreationComplete()">
     <fx:Style>
          @font-face {
               embedAsCFF: true;
               fontFamily: CourierCFF;
               src: url(c:/windows/fonts/COUR.ttf);
               fontStyle: normal;
               fontWeight: normal;
     </fx:Style>
     <fx:Script>
          <![CDATA[
               import flashx.textLayout.compose.ISWFContext;
               import flashx.textLayout.formats.ITextLayoutFormat;
               import flashx.textLayout.elements.GlobalSettings;
               import flash.text.engine.FontLookup;
               import flash.text.engine.RenderingMode;
               import flashx.textLayout.elements.TextFlow;
               import flashx.textLayout.elements.SpanElement;
               import flashx.textLayout.elements.ParagraphElement;
               import flashx.textLayout.container.ContainerController;
               import flashx.textLayout.formats.TextLayoutFormat;
               import flashx.textLayout.elements.Configuration;
               import flashx.textLayout.compose.IFlowComposer;
               import flash.text.engine.FontLookup;
               use namespace mx_internal;
               private function onCreationComplete():void {
                    createTextFlow();
               private function createTextFlow():TextFlow {
                    var config:Configuration = new Configuration();
                    var textLayoutFormat:TextLayoutFormat = new TextLayoutFormat();
                    textLayoutFormat.fontFamily = "CourierCFF";
                    textLayoutFormat.fontLookup = FontLookup.EMBEDDED_CFF;
                    textLayoutFormat.renderingMode = RenderingMode.CFF;
                    config.textFlowInitialFormat = textLayoutFormat;
                    var textFlow:TextFlow = new TextFlow(config);
                    var p:ParagraphElement = new ParagraphElement();
                    var span:SpanElement = new SpanElement();
                    span.text = "Is dit courier?";
                    p.addChild(span);
                    textFlow.addChild(p);
                    var flowComposer:IFlowComposer = textFlow.flowComposer;
                    //option 1: This fixes the problem, but i'm not sure why it works without a fontLookupFunction? Does it default to embedded?
                    //you could also specify your own function always returning embedded, but that would just resolve to the same behaviour..
                    GlobalSettings.resolveFontLookupFunction = null;
                    //option 2: I guess this is the more proper solution, specifying the swfContext. Only what context to choose?
                    //every font has its own css/swf and thus context. A paragraph can select a font (and the bold/italic options),
                    //which font to choose here if there are multiple fonts used in the textflow?
                    textFlow.flowComposer.swfContext = ISWFContext(this.getFontContext("CourierCFF", false, false, FontLookup.EMBEDDED_CFF));
                    var cc:ContainerController = new ContainerController( mainText, 200, 200 );
                    flowComposer.addController( cc );
                    flowComposer.updateAllControllers();
                    return textFlow;
          ]]>
     </fx:Script>
     <s:VGroup>
          <s:NumericStepper /> <!-- remove this stepper and the embedded font will work without option 1 or 2 -->
          <mx:UIComponent id="mainText"/>
     </s:VGroup>
</s:Application>
Option 1, setting GlobalSettings.resolveFontLookupFunction to null. Fixes the problem, but i'm not sure why it works without a fontLookupFunction? Does it default to embedded? You could also specify your own function always returning embedded, but that would just resolve to the same behaviour..
Option 2, specify the context: I guess this is the more proper solution, specifying the swfContext. Only what context to choose? Every font has its own css/swf and thus context. A paragraph can select a font (and the bold/italic options), which font to choose here if there are multiple fonts used in the textflow?