I thought I had a solution to this, using code from https://edgewebfonts.adobe.com/help#using-fonts-in-css, but it doesn't seem to work.
The problem is that when you used custom fonts, e.g. Adobe Edge Web Fonts, you will see the default font appear first sometimes, a split second before the text styled with your custom font.
This obviously doesn't look good. Anyone have a fix yet?
When you use Adobe Edge Web fonts, the browser has to download the font before applying to the text. During the time of download, the text will be styled using the fallback font. The causes the switch.
You can try this approach of preloading the script to avoid this effect.
1. Create new file in EA
2. Create a text element and apply a font ..say 'Acme'
3. Save the file as test.htm
4. Go to the saved folder
5. Look for a file name test_edge.js
6. Open the file using any text editor ( say notepad)
7, You will see a line like 'acme, sans-serif': '<script src=\"http://use.edgefonts.net/acme:n4:all.js\"></script>' },
8. Publish your file
8. Using this line as reference, Add the following to your publish/web/test.html
<!--Adobe Edge Runtime End-->
Thank you very much. That seems to work in the latest versions of IE, Chrome and Firefox and also works as a PhoneGap Android app.