It’s now possible to get sub-pixel font rendering by creating an opaque canvas context. In Safari and Chrome you can get this using this snippet: var ctx = canvas.getContext(“2d”, {alpha: false}) I found this from this blog post.
This is not supposed to be a solution, but rather an explanation and a possible, although ugly workaround. From time to time there are reports to the gnuplot mailinglists about this issue, but it seems to be related to the viewers. It has to do with the way gnuplot creates the surfaces plots. These are … Read more
two hardware vertical pixels per software exposed pixel No that’s wrong. When you specify a coordinate like “81” in an SVG, that coordinate falls on the imaginary line between pixel 80 and 81. If your line has width “1”, then the renderer will attempt to draw that by placing 50% of the colour on the … Read more
By default, JavaFX 8 uses modena.css to set the LCD anti aliasing, which doesn’t seem to smooth out fonts in some cases. When the font size is larger than 80 px, the AA technique switches to grey scale AA (for performance reasons). So, to achieve smooth edges at any size, grey scale AA should be … Read more
If you have access to the source, you can do this in the main method: // enable anti-aliased text: System.setProperty(“awt.useSystemAAFontSettings”,”on”); or, (and if you do not have access to the source, or if this is easier) you can simply pass the system properties above into the jvm by adding these options to the command line: … Read more
One can achieve the effect of anti aliasing very cheaply using vertices with opacity 0. Here’s an image example to explain: Comparison with AA: You can read a paper about this here: http://research.microsoft.com/en-us/um/people/hoppe/overdraw.pdf You could do something along this way: // Colors is a pointer to unsigned bytes (4 per color). // Should alternate in … Read more
As it turns out, Java2D (which I’m assuming is what you’re using) is already pretty good at this! There’s a decent tutorial here: http://www.javaworld.com/javaworld/jw-08-1998/jw-08-media.html The important line is: graphics.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
I too have been plagued with this on Chrome and I think I’ve just found the answer! Chrome didn’t like the default fontsquirrel.com generated CSS. @font-face { font-family: ‘HLC’; src: url(‘/_styles/hlc/hl-webfont.eot’); src: url(‘/_styles/hlc/hl-webfont.eot?#iefix’) format(’embedded-opentype’), url(‘/_styles/hlc/hl-webfont.woff’) format(‘woff’), url(‘/_styles/hlc/hl-webfont.ttf’) format(‘truetype’), url(‘/_styles/hlc/hl-webfont.svg#HLC’) format(‘svg’); font-weight: normal; font-style: normal; } To fix, i moved the SVG line: url(‘/_styles/hlc/hl-webfont.svg#HLC’) format(‘svg’) to … Read more
The edges of CoreAnimation layers aren’t antialiased by default on iOS. However, there is a key that you can set in Info.plist that enables antialiasing of the edges: UIViewEdgeAntialiasing. https://developer.apple.com/library/content/documentation/General/Reference/InfoPlistKeyReference/Articles/iPhoneOSKeys.html If you don’t want the performance overhead of enabling this option, a work-around is to add a 1px transparent border around the edge of the … Read more
Edited answer: (after comments) “Workaround”, add a transparent outline attribute: outline: 1px solid transparent; Tested on Firefox 10.0.2 Windows 7: http://jsfiddle.net/nKhr8/ Original answer: (background-color dependent) “Workaround”, add a border attribute with the same color of your background (white this case): border: 1px solid white; Tested on Firefox 10.0.2 Windows 7: http://jsfiddle.net/LPEfC/