I am working with Flash PRO CC v. 14.0. to convert my Flash website to HTML5 / javascript
I have converted a file to the HTML5 Canvas
I am very happy that the new Flash Pro has the feature to convert to HTML5 canvas
HOWEVER:
In my original .FLA file project I use only one font: Copperplate Bold. I use several sizes of that font within the project / scene
In the original file for all text I use static text, Letter spacing, AntiAlias, AutoKern and single line (Linetype)
- none of which the HTML5 canvas seem to allow / support?
How do I maintain the FONT look that I have chosen in my original FLASH project, after I convert to HTML5 canvas?
Is there a way in the HTML canvas to maintain the FONT look that I want?
HTML5 canvas will not allow Font embedding
The device font destroys the LOOK of my Copperplate Bold font.
How do I include text as HTML elements (see DOMElements)?
WARNINGS generated when I convert the original file into an HTML Canvas:
Warnings generated while copying/importing in 140827a HTML test.fla:
* AntiAlias is not supported in HTML5 Canvas document, and has been converted to DeviceFonts in an instance of Text.
* AutoKern is not supported in HTML5 Canvas document, and has been removed in an instance of Text.
* Frame Scripts have been commented
* LetterSpacing is not supported in HTML5 Canvas document, and has been converted to 0.0 in an instance of Text.
* LineType is not supported in HTML5 Canvas document, and has been converted to MultiLineNoWrap in an instance of Text.
* Some artwork contains Hairline stroke, which is not supported in HTML5 Canvas document, and has been converted to Solid.
* StaticText is not supported in HTML5 Canvas document, and has been converted to DynamicText in an instance of Text.
New HTML Canvas Document created.
NOTE: So far the only way I have been able to maintain the font look is to convert the fonts to .png files
This is painstaking work that I would like to avoid.
Even then I still get a WARNING when I test my scene - (no doubt because I left the original FONT text in guide layers)
After conversion ON TEST SCENE:
WARNINGS:
Frame numbers in EaselJS start at 0 instead of 1. For example, this affects gotoAndStop and gotoAndPlay calls. (18)
Only circular (not oval) radial gradients are supported. (85)
Text support is limited. It is generally recommended to include text as HTML elements (see DOMElement). (6)
Color effects are published as a filter and subject to the same limitations. (4)
Filters are very expensive and are not updated once applied. Cache as bitmap is automatically enabled when a filter is applied. This can prevent animations from updating. (2)
Content with both Bitmaps and Buttons may generate local security errors in some browsers if run from the local file system.
HOW CAN I MAINTAIN the FONT LOOK that I have chosen for my project?
How do I include text as HTML elements (see DOMElements)?
ANY HELP will be appreciated
A good, in depth, tutorial on the subject (FONTS) would be a BIG help to many using the convert to HTML5 canvas features.