Fonts in flex/flash

I posted this question over at actionscript.org but It might suit this forum more:
I'm trying to create an application with AIR but there is one thing that keeps bugging me and its the vector based fonts, even though I select arial 12px font-weight normal it still look different than the font in the browser and everywhere else.
In the application I'm building I will have a textarea so I tried to import a html textarea (in flex using <mx:HTML location...) and the font in that textarea look like it should but the flex textarea looks like the flash font, heres two images illustrating my point:
Is it possible to change the font in flash so that it look and feels like normal or do I have to load an external html textarea every time I need a textarea?

Сode hinting in Flash Builder 4 code editor for global style, e.g.
global {
font-family : Arial;
works for me.
Also in @font-family style declarations, I can code hint for "font-family", "embed-as-cff" styles property too.
Although, it is true you do not get code hints for values for those particular properties, I think that CSS editor could support it too, but it does not.

Similar Messages

Same fonts used in Flash and FLEX are different

Fonts used in Flash and Flex differs in appearance even though they are same. It lacks the anti alias property and shows pixelated in flex even if it appears normal in flash. Please see attachment.

There can be several reasons for that. First make sure the font is embedded properly. Rotate the object and see how it looks. It is also possible that in Flex the fonts are being captured as a bitmap which can turn off AA at times.
Alex Harui
Flex SDK Developer
Adobe Systems Inc.
Blog: http://blogs.adobe.com/aharui

Flex 4 Embed fonts in flash swf VS embedding fonts in flex

I have this dilema...what's the best way to embed fonts?
In flash I can easily embed the fonts + the chars ranges that I need through the menus export the swf and then use it in flex.
In flex I don't see an easy way of setting the character ranges. How can I get the values I need? I read the format is U+(beginning of range)-(end of range) but where do I take beginning and end of the range from ?
Thanks in advance.

Сode hinting in Flash Builder 4 code editor for global style, e.g.
global {
font-family : Arial;
works for me.
Also in @font-family style declarations, I can code hint for "font-family", "embed-as-cff" styles property too.
Although, it is true you do not get code hints for values for those particular properties, I think that CSS editor could support it too, but it does not.

Accessing a non TTF/OTF font embedded in Flash CS5 SWF via Flex

Hello,
I'm trying to embed an older Mac font in a Flash Builder application. I need it to be loaded dymanically for size reasons. I am able to do this with TTF and OTF fonts, but I'm having trouble with other formats.
I embedded the font in a CS5 FLA, but I can't seem to locate the font when I load the SWF into Flash Builder.
My function is below. I have it enumerating through the variables in the loaded SWF, but the font I need is not coming up as one of them. I tried, in the FLA, to cast the embedded font to a Class in AS because, but when try to access that variable ("font") after it's loaded, I get null. I also tried setting the embedded font to a Font variable in AS, but I still get null on the other side. Does anyone have any suggestions? Alternate solutions are welcome also.. Thanks!!
 private function loadFonts():void{
 var lc:LoaderContext = new LoaderContext();
 lc.securityDomain = SecurityDomain.currentDomain;
 lc.applicationDomain = ApplicationDomain.currentDomain;
 var ldr:Loader = new Loader();
 ldr.contentLoaderInfo.addEventListener(Event.COMPLETE, completeHandler);
 ldr.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);
 ldr.load(new URLRequest('compatil_bold.swf'),lc);
 function completeHandler(e:Event):void{
 fontLibrary = e.target.applicationDomain.getDefinition('Compatil') as Class;
 var varList:XMLList = flash.utils.describeType(fontLibrary)..variable;
 for (var i:int = 0; i < varList.length(); i++){
 trace(varList[i].@name+': '+fontLibrary[varList[i].@name]);
 Font.registerFont(fontLibrary.font);
 //Font.registerFont(fontLibrary.CompatilFactBold);
 trace('font loaded');
 fontsLoaded = true;
 function ioErrorHandler(e:ErrorEvent):void{
 trace(e.text);
in FLA
var font:Class = new CompatilFactBold() as Class;

I got it!
Here is the embedded font in a CS5 FLA:
That's all you have to do in Flash.
Here's the function I have in my Flash Builder AS application:
private function loadFonts():void{
var lc:LoaderContext = new LoaderContext();
lc.securityDomain = SecurityDomain.currentDomain;
lc.applicationDomain = ApplicationDomain.currentDomain;
var ldr:Loader = new Loader();
ldr.contentLoaderInfo.addEventListener(Event.COMPLETE, completeHandler);
ldr.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);
ldr.load(new URLRequest('http://some.other.domain/compatil_bold.swf'),lc);
function completeHandler(e:Event):void{
fontLibrary = e.target.applicationDomain.getDefinition('CompatilFactBold') as Class;
Font.registerFont(fontLibrary);
trace('font loaded');
fontsLoaded = true;
function ioErrorHandler(e:ErrorEvent):void{
trace(e.text);
Then you reference the font by its name when you want to use it. In this case: 'CompatilFact LT Bold.'
update: question is answered.

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) can I use Embeded Fonts in Flex 3.3

If I understand correctly, I need to transcode/embed the fonts in Flex 4 / CS 4, but is there any way to then get those embeded fonts into a Flex 3.3 application?

Support for DefineFont4 (the cff property) is new in Flex Gumbo. It is not available in Flex 3.X. That said – I do have a solution for you. Create a separate Flex Gumbo project and use the cff property to embed the font you need into that SWF. Then embed the font SWF that you just created in Gumbo into your Flex 3.3 application.
Check out the “Building a Font SWF for use in any Flash Application” section in my DefineFont4 blog post:
http://blogs.adobe.com/tlf/2008/11/embedded_font_subsetting_using.html
Here is an article on embedding a SWF in Flex:
http://blog.flexexamples.com/2007/10/25/embedding-fonts-from-a-flash-swf-file-into-a-flex- application/
Hope this helps!

Help, some font work on flash.text.engine throw Error #2161

I found some font work on flash.text.engine throw Error #2161
they are: "Vivaldi","Harlow Solid Italic","Bauhaus 93", "Algerian".
the error info is:
Error: Error #2161: 设置文本布局时出现内部错误。
at flash.text.engine::TextBlock/DoCreateTextLine()
at flash.text.engine::TextBlock/createTextLine()
at flashx.tcal.compose::ComposeState/createTextLine()[C:\Development\tcal_core\flashx\tcal\c ompose\ComposeState.as:292]
at flashx.tcal.compose::ComposeState/composeNextLine()[C:\Development\tcal_core\flashx\tcal\ compose\ComposeState.as:207]
at flashx.tcal.compose::BaseCompose/composeParagraphElement()[C:\Development\tcal_core\flash x\tcal\compose\BaseCompose.as:238]
at flashx.tcal.compose::BaseCompose/composeBlockElement()[C:\Development\tcal_core\flashx\tc al\compose\BaseCompose.as:150]
at flashx.tcal.compose::BaseCompose/composeInternal()[C:\Development\tcal_core\flashx\tcal\c ompose\BaseCompose.as:213]
at flashx.tcal.compose::ComposeState/composeInternal()[C:\Development\tcal_core\flashx\tcal\ compose\ComposeState.as:120]
at flashx.tcal.compose::BaseCompose/composeTextFlow()[C:\Development\tcal_core\flashx\tcal\c ompose\BaseCompose.as:194]
at flashx.tcal.compose::ComposeState/composeTextFlow()[C:\Development\tcal_core\flashx\tcal\ compose\ComposeState.as:89]
at flashx.tcal.compose::StandardFlowComposer/http://ns.adobe.com/tcal/internal/2008::callThe Composer()[C:\Development\tcal_core\flashx\tcal\compose\StandardFlowComposer.as:383]
at flashx.tcal.compose::StandardFlowComposer/compose()[C:\Development\tcal_core\flashx\tcal\ compose\StandardFlowComposer.as:434]
at flashx.tcal.factory::TextLineFactory$/factoryMeasure()[C:\Development\tcal_core\flashx\tc al\factory\TextLineFactory.as:267]
at flashx.tcal.factory::TextLineFactory$/createTextLinesFromTextFlow()[C:\Development\tcal_c ore\flashx\tcal\factory\TextLineFactory.as:186]
at mx.graphics.graphicsClasses::TextFlowComposer/composeTextFlow()[E:\dev\trunk\frameworks\p rojects\flex4\src\mx\graphics\graphicsClasses\TextFlowComposer.as:123]
at mx.graphics::TextGraphic/compose()[E:\dev\trunk\frameworks\projects\flex4\src\mx\graphics \TextGraphic.as:511]
at mx.graphics::TextGraphic/measure()[E:\dev\trunk\frameworks\projects\flex4\src\mx\graphics \TextGraphic.as:297]
at mx.graphics.graphicsClasses::GraphicElement/measureSizes()[E:\dev\trunk\frameworks\projec ts\flex4\src\mx\graphics\graphicsClasses\GraphicElement.as:2592]
at mx.graphics.graphicsClasses::GraphicElement/validateSize()[E:\dev\trunk\frameworks\projec ts\flex4\src\mx\graphics\graphicsClasses\GraphicElement.as:2554]
at mx.components::Group/validateSize()[E:\dev\trunk\frameworks\projects\flex4\src\mx\compone nts\Group.as:307]
at mx.managers::LayoutManager/validateClient()[E:\dev\trunk\frameworks\projects\framework\sr c\mx\managers\LayoutManager.as:837]
at mx.controls::List/makeRowsAndColumns()[E:\dev\trunk\frameworks\projects\framework\src\mx\ controls\List.as:1302]
at mx.controls.listClasses::ListBase/makeAdditionalRows()[E:\dev\trunk\frameworks\projects\f ramework\src\mx\controls\listClasses\ListBase.as:3901]
at mx.controls.listClasses::ListBase/updateDisplayList()[E:\dev\trunk\frameworks\projects\fr amework\src\mx\controls\listClasses\ListBase.as:3635]
at mx.controls::List/updateDisplayList()[E:\dev\trunk\frameworks\projects\framework\src\mx\c ontrols\List.as:1004]
at mx.controls.listClasses::ListBase/validateDisplayList()[E:\dev\trunk\frameworks\projects\ framework\src\mx\controls\listClasses\ListBase.as:3273]
at mx.managers::LayoutManager/validateDisplayList()[E:\dev\trunk\frameworks\projects\framewo rk\src\mx\managers\LayoutManager.as:622]
at mx.managers::LayoutManager/doPhasedInstantiation()[E:\dev\trunk\frameworks\projects\frame work\src\mx\managers\LayoutManager.as:695]
at Function/http://adobe.com/AS3/2006/builtin::apply()
at mx.core::UIComponent/callLaterDispatcher2()[E:\dev\trunk\frameworks\proje

<div class=Section1> xtaotao,<o:p></o:p> <o:p> </o:p> Can you please file a bug in the bug base at <a href="http://bugs.adobe.com/flex/">http://bugs.adobe.com/flex/</a> and include a simple test case (and/or a list of fonts not working for you) showing the behavior. If you file against “Flex SDK” and the “Gumbo: TextArea” it will end up in my queue and I can investigate and transfer to the appropriate team(s) as needed.<o:p></o:p> <o:p> </o:p> Thanks,<o:p></o:p> <o:p> </o:p> Peter deHaan<o:p></o:p> Flex SDK Team | Adobe Systems Inc.<o:p></o:p> <o:p> </o:p> color:#1F497D'><o:p> </o:p> color:#1F497D'><o:p> </o:p> <div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0in 0in 0in'> From:<span style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'> xtaotao [mailto:[email protected]] Sent: Tuesday, November 04, 2008 4:07 AM To: [email protected] Subject: Re: Help, some font work on flash.text.engine throw Error #2161<o:p></o:p> </div> <o:p> </o:p> A new message was posted by xtaotao in Developers -- Help, some font work on flash.text.engine throw Error #2161 and more font work on flash.text.engine do not throw error, but display effect are different with TextField. <o:p></o:p> <div class=MsoNormal> <hr size=2 width=200 style='width:150.0pt' align=left> </div> View/reply at <a href="http://www.adobeforums.com/webx?13@@.59b6ee06/0">Help, some font work on flash.text.engine throw Error #2161</a> Replies by email are OK. Use the <a href="http://www.adobeforums.com/webx?280@@.59b6ee06!folder=.3c060fa3">unsubscribe</a> form to cancel your email subscription.<o:p></o:p> </div>

Data connection between Java Webdynpro - Flex Flash Island

Hi,
I'm developing a Java Webdynpro with connection to a Flex Flash Island. I'm using Flex 3.2.
I've already set up the connection from WDJ to Flex, by using Events and the FlashIsland.fireEvent method, this all works fine. Now I'm trying to update a value in WDJ, to be updated in Flex. This gives the following error:
Error: Error #1023: Stack overflow occurred.
 at Function/http://adobe.com/AS3/2006/builtin::apply()
 at mx.binding::Watcher/wrapUpdate()
 at mx.binding::PropertyWatcher/eventHandler()
 at flash.events::EventDispatcher/dispatchEventFunction()
 at flash.events::EventDispatcher/dispatchEvent()
 at mx.core::UIComponent/dispatchEvent()
 at UWLApplication/set opentask_updated()
 at MethodInfo-4234()
 at Function/http://adobe.com/AS3/2006/builtin::call()
 at sap.core.wd.context::WDContextListener/execute()
 at sap.core.wd.context::WDContext/notifyListeners()
 at sap.core.wd.context::WDContext/_set()
 at sap.core.wd.context::WDContext/set()
 at sap.wd.island::WDIsland/storeProperty()
 at sap.wd.island::WDIsland/onUpdateProperty()
 at mx.binding.utils::ChangeWatcher/wrapHandler()
 at flash.events::EventDispatcher/dispatchEventFunction()
 at flash.events::EventDispatcher/dispatchEvent()
 at mx.core::UIComponent/dispatchEvent()
 at UWLApplication/set opentask_updated()
 at MethodInfo-4234()
This is especially strange, cause before I had a refresh button in which I updated my entire item collection. Now, I have added this field and suddenly I get this error !
Does anybody has any idea what this could mean? Any help would be much appreciated ...
My field in Flex:
\[Bindable\]
public var opentask_updated:Number;
<mx:Text id="opentask_updated_text" text="{opentask_updated.toString()}" />
My adaptions in WDJ:
public void getInbox( ) {
 wdContext.currentInboxElement().setOpentask_updated(0);
public void wdDoInit() {
 getInbox();

Solved!
It appeared to be a "long" parameter and I was trying to put it in a "Number" parameter in Flex (because there is no long in Flex)
When I changed both to String, it worked!

Japanese font in a Flash file

is there anyway of outlining a font in a Flash??? My work around was to copy and paste between Flash and Illustrator replacing the Japanese text with vector elements, in order to meet the vendors spec's. There has to be an easier way of doing this......any ideas appreciated

I don't know, I always suppress the html output since the
html it generates isn't W3C-valid in any context I'm designing. I
use swfobject for my flash files -- thanks for the idea, though!
Does it enumerate all URLs that are embedded in a flash file's
actionscript? That seems like it can get rather data-heavy?

Flash Islands Tutorial I - Confusion with Flex/Flash Builder Versions

Hi Guys,
i am new to the Adobe Flex/Flash Islands technology and tried to implement Tutorial I by Thomas Jung. Unfortunately i am confused by the various different versions for flex and the corresponding IDE's.
As far as i understood SAP at the moment only supports Flex versions up to version 3.3 for NetWeaver 7 EHP1. Furtheron the Adobe Charting Components (used in the Tutorial) seem to be part of the Flex Builder Professional Version only.
So i went to the Adobe Website and looked into the products and download areas. All i found was Flash Builder 4.5 Premium and the various Adobe and Open Source Flex SDK versions. I am using Flash Builder 4.5 as a trial right now. Unfortunately the Charting Components are not included.
So the question i have is whether the Charting Components (e.g. <mx:BarChart /> )are included in the non Trial version of Flash Builder 4.5 Premium or whether there is any possibility to get them as an Add-On. Or do i have to use Flex Builder 3 Professional (i found no information about this on the Adobe Website)?
Additional Hint:
I found out that when i compile the poject with Flex SDK vesion 3.6 or higher, the compiler knows the <mx:BarChart /> tag. Also in that case the view designer is working. However FlashIslands is only supported up to Flex SDK 3.3. But when i choose 3.3 the <mx:BarChart /> tag and some other related tags are unknown.
This is a really anoying issue.
Best Regards,
Dirk
Edited by: Dirk Jäckel on Jul 19, 2011 12:14 PM

HI Dirk,
wtith Web Dynpro, you can only use Flex SDK version 3.3 and downwards. You can download the SDK here [http://opensource.adobe.com/wiki/display/flexsdk/DownloadFlex3]
Flash Builder ships with Flex SDK 4.5 which is not compatible with WDA flash islands.
As for the charts library, which Adobe referes to as the Data Visualization Component, it is also available as a separate download which can be unzipped into the same directory as the Flex SDK -- the library is available here [http://www.adobe.com/cfusion/entitlement/index.cfm?e=flex3sdk]
I must say I am also confused, because as far I can tell data visualization component is not included in 3.3, but SAP makes no mention of this. Hopefully someone else can enlighten us on this issue?

Adobe Flex & Flash

Hi,
I have a question about Adobe Flex. I have a project about preparing a digital content (i am planning preaper it at flash and compatible with SCORM 2004). I need to know that can i connect a content prepared with Adobe Flash CS4 to Flex?
And if yes, how can i do it. I dont know Flex much
Thank you.
Nilay P.

> I am Working as Consultant-SAP.I am creating static Forms using Adobelive
> Cycle Designer and SAP.
>
> How Adobe Flex is useful to create Forms?
Yes very.
> Is it usefull for me if i learn Adobeflex?
Several of us are turning to Flex for eLearning and we are finding it to be
a great tool.
> How will be the future with ADOBE FLEX?
I think Adobe are commiting heavily to Flex - Flex plays on any machine with
the latest Flash player , so that includes PC, Mac and Linux. AIR plays on
PC and Mac today, with a Linux version under development right now. In the
future (Open Screen Project) versions of Flex and AIR should play on mobile
devices too.
>
> I have seen the article SAP WebDynpro + Adobe Flex/Flash = Enterprise UI
> 2.0.
> Working as ABAPer shall i shift to Adobe Flex?
I don't really know what would be good or bad for your needs. Take a look at
some of the sample Flex and AIR apps on Adobe.com and see if you think the
features demonstrated are applicable to your needs.
Steve
http://twitter.com/Stevehoward999
Adobe Community Expert: eLearning, Mobile and Devices
European eLearning Summit - EeLS
Adobe-sponsored eLearning conference.
http://www.elearningsummit.eu

Load Flex/Flash Builder project in Flash Professional CS5

Is there a way that I can load (or export) Flex/Flash builder project in Flash Professional CS5?
As it turns out we got Flash Prof for our team, but it may look like we actually need Flash builder to build lots of UI related stuff..

Specifically, I want to use flex chart in CS5. Is there a way to do this?
Message was edited by: bart2335658
And flex ui

Automatically loading a new font in a flash

I was thinking of making my own font for my flash website,
but the problem is , the users will not have the font, therefore it
will only show the default font for them.
There is a flashchat program (web driven) that has new fonts
on it, that when chosen, you see a small loading bar below and the
font is automatically loaded somehow. (they used actionscript 2.0
though)
Could someone please inform me of such a method? I am using
flash cs3 pro.

Hi,
There is an example in the examples folder ExecutingSequencesInParallel that should help you.
The first sequence call has been setup to run in a new execution.
All you would have to do is include the ProcessSetup Callback Sequence in your sequencefile and perform your new sequence call from there.
Regards
Ray Farmer
Regards
Ray Farmer

Fonts missing in Flash CS4 OSX

Why is it that I see just the basic fonts in Flash and yet in InDesign, PhotoShop and Fireworks I see all the fonts that I have loaded? I have cleaned the font caches with Font Nuke and restarted the whole system and still not showing up.

A bit of additional information... The Myriad font is a True
Type. It was installed under C:\Program Files\Common
Files\Adobe\Fonts so I have installed it under C:\Windows\Fonts and
restarted Flash, however it still doesn't show up?

FONT issue in flash with Dynamic text

I dont even know how to start this thread... I am having a
serious problem with fonts on the flash movie I am Making/
Modifiying. The Font that is being used is "standard 07_53" and I
have been trying to understand how flash works with the fonts but
somethings are just making me scratch my head. First off :
- I tried using both the anti-alias for readability and the
anti-alias for animation... the anti-alias for animation seems to
creat sharper text in most cases.. + I am embedding all charachters
when I do that (I know this makes my file way too big, but I am
trying to figure out where I am going wrong)
- Q1 : I found out changing the position of where my text box
is on the document changes how clear the text is in the final
puplication. Now That I have not even the simlest idea why... does
anyone know?
- Q2 : The justify problem... whenever I use Justify my text
is all messed up... I even tried to change the font to Arial for
example and it still makes some of the text a bit blurry (well it
is blurry enough that I can notice it right away).. why does this
happen?? and is there any kind of solution to this problem?? I
definatly want my text justified
- Q3 : Do I and why, have to embed the font in each text box,
wouldnt one embeding be enough if using the same font in all the
other text boxes?
- Q4: Why do I see the text differently on different
computers.. and this realy is in relation to Q1.. on my monitor all
looks good on the published document, yet on other monitors and
computers it looks completely fussy untill I change the position of
that text box.
-Q5: are there any sites that go in depth about Fonts and
dynamic text and how they end up rendering in flash?
you can see my problem with justified text at :
http://www.alwayscoffee.com/mirror/flash/
then click on COMPANY and then look at the text under "ABOUT
US"
by the way I am using flash 8 and publishing (flash settings
of:) flash player 8 - action script 2.0 - compress movie option
CHECKED - and jpeg quality 80
I apriciate all the help I can get.
Layth

Hi,
as you I don't even know where to start, as it is (as you
have noticed) quite a complex thing. If you are still interssted in
the subject, drop me a line, and I try to answer some of your
questions.
markusma
_remove_thieu@macDOTcom

Fonts in flex/flash

Similar Messages

Maybe you are looking for