Text exported using flash createJS Toolkit - embedding fonts, @fontface?

Hi,
A text box in flash contained in a movieclip "MyTxt_mc" exported as per createJS toolkit results in lines in CreateJS script as :
(lib.MyTxt_mc = function()
{ this.initialize();
//text
this.MyTxt_txt = new cjs.Text("The actual text", "30px Arial");
this.MyTxt_txt.textAlign = "center";
this.MyTxt_txt.lineHeight = 32;
this.MyTxt_txt.lineWidth = 205;
this.MyTxt_txt.setTransform(102.5,0);
this.addChild(this.MyTxt_txt,this.shape);
Is there a way to insert getting web fonts from online libraries or from a font file held on the server? As I wish to use other than Arial or default device fonts.
I've read up about @fontface, but that's a little puzzling as to how to apply it to the flash - html5 output.
Help for how to / best approach and exact syntax would be greatly appreciated.
Regards
Steve

Tried replacing the Arrial Narrow font with a different one
from another coworker. Still no dice.
Tried repairing permissions. Nope
Tried making a new user and checking it there. Nope.
Moved the font from my Library to the system wide library.
Bupkiss. (Is that how it is spelled?)

Similar Messages

Arabic vocalization diacritics are not rendered correctly using Adobe Arabic as Embedded Font

Hi,
Vocalization diacritics are rendered as independent characters.
Vocalization diacritics should be rendered combined and merged with the characters preceding them like in the third line of the attached image.
Have a look at the SWF:
1) The first line is aTextLayoutComponent which uses Adobe Arabic as en Embeded Font.
2) The second line is using the System Font Adobe Arabic.
Does anyone have an idea ?
I personally think, when you choose System Font, it uses System Text rendering Engine. But if you embeed font flash has problem with rendering the diacritics properly.

Hello,
this is my whole 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/halo"
               minWidth="1024" minHeight="768"
               creationComplete="init()"
               xmlns:controls="flashx.textLayout.controls.*">
    <s:layout >
        <s:VerticalLayout/>
    </s:layout>
    <fx:Declarations>
        
        <s:HTTPService id="httpServiceObj" url="TopFirst.txt" result="handleResult(event)"
                       fault="handleFault(event)"
                       resultFormat="text"/>
    </fx:Declarations>
    <fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        @namespace mx "library://ns.adobe.com/flex/halo";
          @font-face
            src:url("trado.ttf");
            fontFamily: ArabicFont;
            fontWeight: normal;
            font-style:normal;
            advancedAntiAliasing: true;
    </fx:Style>
    <fx:Script>
        <![CDATA[
            import mx.controls.Alert;
            import mx.rpc.events.FaultEvent;
            import mx.rpc.events.ResultEvent;
            private function init():void{
                httpServiceObj.send();
            [Bindable]
            private var _str:String;
            private function handleResult(event:ResultEvent):void{
                _str    =    event.result as String;
            private function handleFault(event:FaultEvent):void{
                Alert.show("fault is = " + event.fault.faultString);
        ]]>
    </fx:Script>
    <s:TextArea text="{_str}" width="100%"
                height="100%"
                fontSize="50"
                />
</s:Application>
As you can see from the code, I am not given any font to the TextArea , even after giving the font which I have embeded ,out is the same.
Where I am going wrong..

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]]

Export to PDF error with embedded font

Hello,
i have added a Barcode font to a report and it is failing to export to PDF now saying it that the "font is not allowed to be embedded in document". i have tried with two different Barcode fonts A39W and C39W and both fail.
I have looked at forums which suggested downloading patches and updating the registry key ForceLargerFonts to 1, however this has not worked in either V9, V10 or V11.
Can anyone help??
Many thanks,
Hugh

Hi there,
I'm experiencing the same problem, except with the
Frutiger 45 Light font. When I try to export the report from Crystal Preview to PDF I get the error,
++++++++++
Failed to export the report.
Frutiger 45 Light - Font is not allowed to be embedded in document.
+++++++++++
I'm using CR Developer, Full, version 11.0.0.1282
I've checked in Windows XP and can see the font (a ttf) present with the other fonts installed on my PC in the Fonts folder accessed via the Control Panel in Windows. I can right-click on the font Frutiger 45 Light and see the Properties page for the Font. For all the Groups/Users I can see all the Permissions enabled except for Special Permissions.
I dont know what you mean by getting the security changed from the supplier of the font to allow embedding into the PDF?
My colleague was able to perform the same export from Crystal to PDF on his laptop, but it was an older laptop. So there must be a difference between the way our laptops are configured that is causing the problem. The version of CR is the same on both laptops the only obvious difference we can see is that the older laptop has Adobe version 6 installed and the new laptop has Adobe version 7, both machines have Distiller installed. He's now got an upgraded laptop and is getting the same error as I am.
Any help here would be much appreciated.
Regards
Robert.
Edited by: robert stannard on Dec 1, 2008 2:50 PM

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.

Is it possible to add text when using flashing button property node?

I am trying to get a text button that displays TEST to show "running"
when it flashes. I am using a property node for flashing.
At present it cycles between TEST and default color which is set in
flashing clolor options.

hi there,
use the "Strings[4]" property of the button. right click on the property node and see online doc for more information about the meanings of the 4 elements of strings[4].
Best regards
chris
CL(A)Dly bending G-Force with LabVIEW
famous last words: "oh my god, it is full of stars!"

External Embedded Fonts, Dynamic Text Fields, Latest?

Hi all,
I'm stuck in Flash8 land. Mostly because I use mProjector and
MDM Zinc to extend flash projectors and neither support AS3
correctly to date. That said..
Is a Flash8 SWF capable of using fonts embedded in "other"
SWFs? I realize this is an ongoing difficulty and a well known area
of confusion and well, I'm confused. All the attempts I've made so
far in linking have succeeded or failed in various ways, but never
fully work.
What I'd love to do is use dynamic text fields populated by
data from a database (or XML file), with CSS styling, using fonts
that are embedded in a 'master font SWF'. (and I'd like ice cream
with that too!)
I import fonts into, say, 'shared.fla'. I set them all up for
exporting via linkage (to shared.swf). I open up my other FLAs
(say, main.fla) and I drag the fonts from the shared.fla library
into main.fla's library. In looking at the linkage, I see it
properly set it to Import for Runtime Sharing (shared.swf). I can
see the font available in the main.fla font list and can select it
and use it just fine. I have to set the dynamic text field to embed
fonts to actually see them (and also
myTextField.setStyle("embedFonts",true)).
Now all that works well and fine, but the kicker is when I
want CSS to style my text. If I specify a embedded font linkage
identifyer in CSS, the text disappears. i.e. I load 'style.css' and
I have h1 { font-family: someEmbeddedFont; }, the <h1> text
will now disappear.
Any clues in how I can specify a font to use in CSS that's
embedded so it'll work, WITHOUT This font needed to be embedded in
the actual library (as in, not a linked asset)? Because it works
fine if I embed the font into every single SWF. But when I try to
use it as a shared asset, this doesn't work.
Any ideas on how someone can achieve this?
This is so I can changed my shared.swf and supply all new
fonts with the same linkage identifiers and change the font in a
whole project without re-exporting any other SWFs.
Thanks for any info!

I guess it's amazing but I honestly, wholly cannot get this
to work.
I made a new AS2 Flash 8 FLA (Forte.fla) with only the Forte
font with a size of 22 in the library. The name of the library
element was Forte. The linkage was set to "Export for Actionscript"
and "Export in first frame".
I made another FLA (main.fla) Flash8 AS2. In actionscript I
created an empty movie clip named "Asset_Forte" at the next highest
depth and Asset_Forte.loadMovie("Forte.swf"). I also made a dynamic
text field on the stage of this main.fla document and set it to
Arial 22pt (no bold or italics, etc). I did not embed anything into
it.
I made a TextTormat object (my_fmt) and set my_fmt.font =
"Forte";. I put some text in the dynamic text field to start so I
just applied the formatting (status_text.setTextFormat(my_fmt);).
This did not work. I started adjusting random things like
naming the font in the Forte.swf library to Forte22 and tried
my_fmt.font = "Forte22";. That didn't work.
I adjusted the linkage to "Export for runtime sharing" and
specified Forte.swf as the SWF to share from. This did not work.
I then dragged the font from the Forte.fla's library (while
"Export for runtime sharing" was enabled) into the library of
main.fla. I checked the link and it was proper, "Import for runtime
sharing, Forte.swf". I used both linkage attempts again (Forte and
Forte22) with my_fmt.font and neither worked.
Would it be possible at all to get a couple FLAs from you
that examplifies how you do this particular trick? I can't seem to
get the settings right. I would be indebted to you!

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

CreateJS Toolkit Feature Request

Hello,
Does anyone know where to make such requests? The toolkit does not export symbol names, which I find to be very limiting since the CreateJS API supports the name property for symbols. I'd like to request that this be added.
thx

HI Guys,
Toolkit indeed exports library symbols with the AS-Linkage names specified.If no as-linkage names are present mc's are exported with their names.
Even instance names of the move clips are exported.It’s also important to note that the JavaScript code does not have an implicit scope, so while you can simply write "instanceName.width" in ActionScript, you need to use "this.instanceName.width" in JavaScript to specify the scope .
For more info ,check out
http://www.adobe.com/devnet/createjs/articles/getting-started.html
http://www.adobe.com/devnet/createjs/articles/using-flash-pro-toolkit-createjs.html
Here is a video about pratical usuage of Create JS in Banner Ad's
http://tv.adobe.com/watch/max-2013/converting-ads-built-with-flash-professional-to-html/
Here is Grant himself giving a walkthrough on how to start buidling greate content using Toolkit
http://tv.adobe.com/watch/max-2013/createjs-building-rich-interactive-experiences-in-html5 /

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

Publish to HTML5 Using the Adobe Flash Professional Toolkit for CreateJS | Getting Started with the Flash Professional Toolkit for CreateJS | Adobe TV

Learn about the Adobe Flash Professional Toolkit for CreateJS, including core features, expected workflows, and philosophy behind this technology.
http://adobe.ly/I2Ur7U

my question is why would one rather use HTML5 to create and edit animation over flash? I would personally rather have the visual interface than the text editor. Or did I miss something? What are the benefits other than separation of work duties (e.g., designer/developer).

[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

Using HTML text with an embedded font in Flex 4

I have spent a day searching the interwebs and have not found a working example of how to use an embedded font with html formatting.
Anybody know if it can even be done??

Should be doable, but all fonts used in the html have to be embedded, and
one of the fonts should be specified as the fontFamily for the component.

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

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.

Text exported using flash createJS Toolkit - embedding fonts, @fontface?

Similar Messages

Maybe you are looking for