Loading swf-fonts with Loader works perfectly in Flex SDK 3.5 - not in Flex SDK 4

2
votes

For a large project I have the following setup:

  • a content editor made with Flex SDK 3.5
  • a content viewer made with Flex SDK 4.1

Both need to work with dynamically loaded fonts as the user can use the fonts he wants.

So we used this approach:

  • convert the font files with Flash Professional to SWF-files (Creating a Font SWF)
  • editor: load the fonts with Loader (Loading a SWF font)
  • the fonts can then be perfectly used within the application to generate htmlText
  • viewer: the same approach to load the fonts + register them with Font.registerFont (Flex 4 Embed font from swf)

Now the problems: although the loaded fonts are listed when you trace Font.enumerateFonts(false), they are not used in the textarea. There the text is shown with the default font.

Maybe the problem is the fonts are loaded as embedAsCFF for the Text Layout Framework, and that way are not usable in an mx.controls.TextArea? But as I can not change that to a spark TextArea for multiple reasons, I need a solution to use the loaded fonts in that mx.controls.TextArea.

Any ideas? Thanks a lot in advance!

Frank

3
apache-flexactionscript-3flex3flex4flash-cs5

3 Answers

1
votes

Apparantly the problem was located in the project properties.

In "Flex Compiler" settings, the checkbox "Use Flash Text Engine in MX components" must be unchecked!

0
votes

I'm not sure why you're using Flash Pro to create a font swf. You could just as easily done it using CSS by embedding the fonts and compiling it as a themed swf which could be loaded on runtime.

This should work for both Flex 3 and Flex 4 (with TLF).

0
votes

This CSS code effectively retrofits mx textarea to accept CFF fonts:

mx|global{
    textFieldClass:         ClassReference("mx.core.UIFTETextField");
}

from the docs: "When MX components use FTE, they can use the same embedded fonts as Spark components, which always use FTE. Otherwise, a font must be embedded with embedAsCFF="false" for use by TextField-based components, and with embedAsCFF="true" for use by FTE-based components." http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/mx/core/UIFTETextField.html