Font Anti-Aliasing Issues in HTML/Ajax based Air Applications

It seems that the font-renderer in HTML/Ajax based Air Applications is using some kind of sub-pixel font renderer that is overriding and vastly inferior to the standard Windows ClearType, or any Apple based option as well. This problem is particularly noticable with light text on a dark background, and made worse the smaller the text is. I've put together an example image explaining exactly what I mean at: http://regator.com/fontRendering.png (it's a large image 1126 x 1500 px)
My example shows two fonts at four different sizes rendered in an HTML Air App vs the default Windows Cleartype, as well as using Safari to show the Font style anti-aliasing. In all cases the HTML Air App rendering is far more difficult to read, and in many cases severely distorts the color of the text in a way that other subpixel algorithms do not. As far as I can find after literally hours of googling and searching there's no way to override this in HTML based applications. Is there any solution to this, or a planned fix for the renderer? Other than this rendering issue, the HTML interface for creating Air apps is absolutely brilliant, this is just making my finished product look significantly less polished than it otherwise would if the text were more readable.
Thanks.

Dear caturner81, dear Adobe,
is there a solution to this problem? I'd really love to fix the aliasing thing in Air/HTML!

Similar Messages

How can I force font anti-aliasing globally?

Hi, I'm Korean.
Latin fonts has embeded bitmap and so looks good in small size(As you know, system disable anti-aliasing when font size is small). However, official fonts for Korean and Japanese has no embeded bitmap and looks v-e-r-y ugly. Look this.
Therefore I used FontRouter to force system using font anti-aliasing every size. But FontRouter crashes texts of application based on Qt (Only Qt...). So I'm searching another solution.

Is there anyone who knows how to make system render anti-aliased fonts?

JDeveloper Code Editor doesn't do ClearType font anti-aliasing

I can't seem to get the Code Editor in JDeveloper (11.1.1.5.0) to do ClearType sub-pixel font anti-aliasing. Everything else in the IDE is doing proper sub-pixel anti-aliasing, it's only the Code Editor that's not doing it. It's doing "normal" pixel anti-aliasing which isn't nearly as good and still leaves the font looking quite jaggy.
I've got the following lines in my jdev.conf:
AddVMOption -Dswing.aatext=true
AddVMOption -Dawt.useSystemAAFontSettings=lcd
And I've checked "Enable Text Anti-Aliasing" in Preferences->Code Editor->Display.
Is sub-pixel antialiasing in the JDeveloper code editor possible? If so, how? I'm running Windows 7 btw.

No problem Timo.
I don't think it's worth opening an SR for this. It looks like sub-pixel anti-aliasing isn't supported in the JDeveloper Code Editor, which is a shame, because that's the place where it's most needed.
Michael.

I want to create a Ajax based Chating application using java .

hi . I want to create an chating Application , and ajax based chatting application using java as my server side language ..i have some idea about it .. but one thing that i m not understanding is that how i will communicate with other users because each user has its own session so what i will do to send one messge to all the users ???? . i m new to JavaEE and i have chosen this as my semester project .. i need some help regarding this .

First get it working without AJAX.

Flex Based AIR application & remote HTML

The question is ....from a flex based AIR application do you
always have full access to all of the HTML content loaded from a
remote site via the DOM (htmlLoader.window.document), or is the
'context' of what you can see limited to what the initial url
requested can see - i.e. the context is as if it were javascript
running in the page corresponding to the initial URL.
As far as i can see if i request say the page
http://www.abc.com/page1.htm
and it has content along the lines of
<IFRAME src="
http://www.xyz.com/page3.htm"
id="remoteframe" />
<IFRAME src="
http://www.abs.com/page2.htm"
id="localframe" /?
then using the htmlControl.htmlLoader.window.document i can
successfully navigate the DOM for the initial page loaded and
localframe, but
not remoteframe.
I've seen various comments about sandboxes, bridges and
applicationdomains in the documentation but i don't see how this
can help me.
Can someone please shed some light on this? Can i from the
AIR application access all of the DOM, or am i restricted to the
initially loaded page and pages referenced from the same domain in
the page?
Thanks
Jamie

Hi,
From your AIR application, you can only access "exposed
properties" in remoteframe.
You expose a property by using the sandbox bridge mechanism:
http://livedocs.adobe.com/air/1/devappshtml/help.html?content=security_5.html#1092959

How to create a popup window to load HTML page in AIR application without using any mx or spark?

How to create a popup window to load HTML page in AIR application without using any mx or spark components?
I need to load the HTML page in popup in AIR application without using any of the <mx> or <spark> components. I need to open in the application itself not in the browser.(If we use navigateToURL() it will open in th browser)

Can we achieve this? can somebody help me on this scenario..

HTML font anti-alias issue (Windows)

I'm using an HTML component in my AIR app to display a bunch of content. I recently changed over to using the HTML component instead of other Flex components like Text and TextArea.
The problem I have is that text in the HTML component is always displaying anti-aliased on Windows, whereas it didn't before when I was using other Flex components. Is there a way I can prevent the HTML component from rendering fonts with anti-aliasing? I've tried several WebKit CSS properties, but none of them have seemed to work (including text-smooth and text-shadow). I also didn't see any properties on the HTML or HTMLLoader components which allowed me to change font rendering.
Does anyone know how I might solve this?

No one knows?

[SOLVED] How to turn on font hinting and font anti-aliasing?

I wanted to configure hinting and anti-aliasing, although I've never used fontconfig before.
I had been reading https://wiki.archlinux.org/index.php/font_configuration and I have found some contradictions.
First it says "Configuration can be done globally through /etc/fonts/fonts.conf" and then immidiatelly after that it says "This file is replaced during fontconfig updates and shouldn't be edited".
Then it says per-user path ~/.fonts.conf is deprecated in turn for $XDG_CONFIG_HOME/fontconfig/fonts.conf with no indication where should this "$XDG_CONFIG_HOME" actually be.
I get that I am supposed to put my custom XML "somewhere":
<match target="font">
<edit name="hinting" mode="assign"><bool>true</bool></edit>
<edit name="hintstyle" mode="assign"><const>hintfull</const></edit>
<edit name="antialias" mode="assign"><bool>true</bool></edit>
</match>
But I have no idea where?
Last edited by choosegoose (2015-02-02 23:22:56)

Normally the $XDG_CONFIG_HOME variable points to .config in your /home/<user> directory.
So the path that you would use would be: /home/<user>/.config/fontconfig
Please note that it's DOT config.
HTH

Smart Object Anti-Aliasing issues in PS CS5

I am having a heck of a time working with smart objects that contain transparency in CS5. Here is an example of what I'm experiencing:
1,700px smart object scaled down to 156px. No transparency in SO. Good anti-aliasing.
Same smart object, but with a layer mask or transparency in the smart object. But alas: horrible anti-aliasing, throughout the entire image.
I frequently embed my transparency within the SOs I work with, due to the limitations of linking embedded SOs with layer masks etc. I experienced no problems in CS3. I'm thinking this is a bug? Does anyone have any insight? Thanks!
UPDATE: after performing many tests, and noticing that having transparency in a smart object does not necessarily lead to poor anti-aliasing in the parent image, I have narrowed-down the issue. The issue will occur only if at least an antire column or row of pixels (of any height/width) along the border of the image are transparent. It does not matter if the transparency is at the top, bottom, sides, or surrounding the image, but it must take up some amount of an entire side. This is looking more and more like a bug... Is anyone able to replicate the issue? (Adobe engineers?) Thanks.

Here is the file I'm seeing this in. Incidentally, if I drag the problematic smart object to another open image, the appearance is the same (Photoshop is, after all, the epitome of wysiwyg software). But this works both ways: I can also re-create the smart object in another document without the poor anti-aliasing, then drag it into the original image and it will still look fine. (in this file there are two side-by-side, so that you can compare the two. you can also play with the smart object on the left to see the anti-aliasing go from good to bad; just go into the SO and delete a row or column of pixels from the border and re-save).
http://dl.dropbox.com/u/8162462/SO-aa-issue%3F.tif
(i used Dropbox; lmk if there's a better way to post a file in this forum)
Since I just started using CS5 (from CS3), I have suspicions that it may be a version translation issue (either in the TIFF or smart object). Either way, I'm glad that this is not a common or easily-reproduced issue. Let me know if you learn anything from the file
Thanks,
Cory

Device Font Anti-aliasing on Windows

Hi,
I'm using a device font in a Flex 4.1 Preloader.
I'm using the following textformat ...
var percentLoadedFormat:TextFormat = new TextFormat( "_typewriter", 20, 0x333333, null, null, null, null, null, TextAlign.CENTER );
... to style a TextField using percentLoadedText.defaultTextFormat = percentLoadedFormat;
I get a nice looking monospace/typewriter front in Mac browsers, but in windows (FFox/IE7/Chrome) the text is not Antialiased and looks awful.
The text is not masked and is positioned at whole pixels.
( PC / FFox 3.6.8 at 200 % )
( Mac / FFox 3.6.8 at 200 % )

Hi,
So Anti-aliasing of device fonts is not cross-platform?
Embed the font or try Courier
I can't use an embedded font as it is a preloader. I would love to use Courier, only Macs tend to have Courier while PCs have Courier New and as far as I know there is no way to declare a font stack in Flash or is there?

MSI GTX 680 LIGHTNING having MSAA ANTI ALIASING ISSUE

Hey guys!
I have a question concerning my GPU. I would like to know if anyone thinks this is a faulty card or is there something I need to do to fix the issue.
MSAA Anti-Aliasing is causing a very weird blood graphic issue... Toggle it off and the blood looks fine, turn it too 2,4 or 8 and the blood is outlines in glowing yellow craziness(see image link below)!
My card is stock and has never been OC. I've re installed the game, done clean installs of GPU drivers but the error still persists(only if MSAA Anti Aliasing is enabled). Prior to installing new drivers I was getting a OPEN GL error 3 code , the new drivers seem to have fixed that.
This is zoomed in using a camera, it looks the same at all distances. The yellow trace around the blood shines like a light in game. This does not happen randomly, all blood splatter in the grass looks this way when
MSAA Anti-Aliasing is enabled.
Hope someone can help!
Thanks for reading,
cheers!

Quote from: Svet on 13-February-13, 10:31:43
list full system specifications, read >>Posting Guide<<
does the same hapends in other games?
what vga drivers you use?
Hey thanks for replying! Sorry I will post my system info below.
I just updated my drivers to 313.96 from 310.70. With the 310.70 driver I was experiencing the MSAA issue(above post) but also with the I was getting a full game crash after 20-30 mins of game play. The 313.96 resolved the crash but not the MSAA issue.
System
Board- ASUS|P8Z77-V PRO Z77
VGA- MSI 680GTX LIGHTNING
PSU -CORSAIR | AX1200I 1200W RT
CPU- INTEL|CORE I7 3770K 3.5G 8M R
MEM- 4Gx4|CORSAIR CMZ16GX3M4X1600C9
SSD -240G|INTEL SSDSC2CT240A3K5 R
HDD- 1 TB WD Black Caviar
COOLER- WATER COOLER CORSAIR| CWCH100 R
OS- WIN7 64BIT
CASE- CORSAIR OBSIDIAN 650D
Opt Drv- ASUS...
I can post a DxDiag if needed too!

[SOLVED] Update broke font anti-aliasing

I've been updating daily, and there were just a few updates today (Sunday, 22 January). However, almost immediately my fonts went ugly. I tried rebooting, but it didn't help. Anti-aliasing doesn't work anymore in Xfce or KDE, which is all I tried.
I did notice there was a udev update, but there were also some library updates that I can't remember. I have no idea what broke.
Any insights or suggestions? The system is ugly enough that it's hard to read, so I'm moving over to an Arch I haven't updated today.
Last edited by eerok (2012-01-22 20:18:08)

Solved. For some reason I suddenly needed to add a hand-rolled ~/.fonts.conf -- one might have hoped that the Xfce settings would actually work for the Xfce panel and menus, but I guess not.

SwingTextField font anti-aliasing

Hi,
How to force anti-aliasing in javafx.ext.swing.SwingTextField?
Lukasz

See [JavaFX Text Component|http://blogs.sun.com/tor/entry/javafx_text_component] blog entry. There is a word about text AA. See also comments.

Localization with an LCDS based AIR application

Hi,
I wanted to add localization in my app, so I followed this
step by step how-to :
http://labs.adobe.com/wiki/index.php/Flex_3:Feature_Introductions:_Runtime_Localization
I succed make this to work, but with a simple test
application.
So I decided to do the same with a biger cairngorm LCDS based
application.
But a encounter an issue : with locales specified in the
compiler params (ie:en_US,fr_FR), everything works, but with bundle
list, I got an error :
"Could not find resource bundle data"
I found some related pages on the web speaking about this,
but they all were concerning Flex betas.
Can you help me ?
Note : I'm using Flex 3 and LCDS 2.5.1

I'm afraid you are picturing the architecture in the wrong
way. An AIR application is essentially a traditional desktop
application -- you just create them with what have traditionally
been web-based technologies. There are also many APIs and a
built-in security model for network and Internet interaction which
make it easier to develop an AIR-based desktop application that can
safely access networked content.
Your main application SWF (or HTML file) is installed with
the application, not downloaded. You could download additional
modules and execute them in the privileged application sandbox, but
there is a security risk that either your server being hacked or a
man-in-the-middle attack could result in a forged module being
downloaded and executed instead of the original. I believe Flex
intends to implement signed modules to mitigate this risk, but
until this feature is available, it is better to install all the
application logic as part of the application. AIR includes an
update framework for updating an installed application, but for
user experience reasons, you probably wouldn't want to update the
application too frequently.
All that said, if what you really want is a customized
browser for your web application, you could write such a thing
using AIR (using the mx:HTML control, for example) and have that
hardcoded to access your web application.

Font anti-aliasing (smoothing)

Hi,
One BIG thing that's always bugged me about Pages, is its rendering of text - can anyone tell if this has been fixed in the latest '09 version? Specifically it doesn't use the system preferences font smoothing setting, instead making the text 'fuzzy' - especially on LCD screens.
ck

Thank you to everyone who posted to this thread.
I have not tried Pages '09 yet as I want to "save" my 30 day trial when I actually have time to try it.
The main reason I currently use Nisus Writer Pro, Bean, and DevonThink (and even, Word, ugh) instead of Pages '08 was due to the way it did NOT adhere to the setting in System Preferences. I originally fell in love with Macs once I used Safari for Windows because I loved the font rendering of it. Sadly Pages '08 was horrible.
I did a Google search to verify my findings, and Magnus Lewan's Pages FAQ Blog was extremely helpful and informative. Magnus' blog also linked to the blog below which was also very helpful:
http://www.betalogue.com/2006/02/09/font-smoothing-in-pages-more-discussion/
When I have time I'll give Pages '09 a try again, although I do love Nisus Writer Pro, Bean, and DevonThink. Each program is a bit different, and each can have their place in my personal workflow. I hope Apple did make a change to this "deal breaker" for me. To me, it was the worst thing about Pages.
Thanks again to everyone. I felt so strongly about this that I had to finally create an Apple Forum Alias, and this is my first post ever.
Forums rock!

Font Anti-Aliasing Issues in HTML/Ajax based Air Applications

Similar Messages

Maybe you are looking for