Working with custom font faces in AIR and HTML - fail!

10 09 2009

Since CSS2 many browser began supporting the @font-face CSS selector for embedding downloadable fonts. WebKit already supports this feature for more than 2 years. Today I tried to embed a custom font in my AIR application with negative results. In my HTML based application the font cannot be loaded or applied to the contents. For now I cannot find any information about this on the Adobe developer centers, neither I can find anything on Google. I found out that embedding custom fonts is allowed in Flex but for any reason, in HTML it is not.

Here's my CSS I used:

Any ideas are appreciated. I'll see if I can find out something further.

Written by Sebastian Bauer
Comments : 4 Comments »
Categories : Adobe® AIR™
Trackbacks : No Trackbacks »

Trackbacks

Trackback specific URI for this entry

No Trackbacks

Comments

Display comments as (Linear | Threaded)

19 10 2009: #1 Steve Heffernan (Reply)

It actually does work on a mac. I've spent the last few months building an app with custom fonts assuming that because it works in webkit on a mac, it would work in webkit on windows as well. Nope! Now I get to go through and re-font, image, or sifr everything.

If you've found any more info please let me know.
21 10 2009: #1.1 Sebastian (Reply)

Hi Steve,

thanks for your comment. Until now I did not find out anything more. The only information I found so far: AIR seems to only support OpenType fonts. But no clue about font-face support under Windows.

I'm currently trying to get a personal contact at Adobe. Maybe I can find out anything more using this way.

Best,
Sebastian
20 01 2010: #2 Luca (Reply)

Hi Sebastian,
actually font-face doesn't work on Linux too. Air sdk version 2.0 beta.
I'm really disappointed because Adobe says "support for css3 modules" but actually I can see only poor support of it.
21 01 2010: #2.1 Sebastian (Reply)

Hi Luca,

thanks for your comment. Yes, there are really some things which annoy me when working with CSS3 in Air. Hopefully this will become better, soon.

Add Comment

Name

Homepage

In reply to

Comment

Enclosing asterisks marks text as bold (*word*), underscore are made via _word_.

Standard emoticons like :-) and ;-) are converted to images.

E-Mail addresses will not be displayed and will only be used for E-Mail notifications

To prevent automated Bots from commentspamming, please enter the string you see in the image below in the appropriate input box. Your comment will only be submitted if the strings match. Please ensure that your browser supports and accepts cookies, or your comment cannot be verified correctly.
CAPTCHA

Enter the string from the spam-prevention image above:

Remember Information?
Subscribe to this entry

Working with custom font faces in AIR and HTML - fail!