Subpixel rendering of text

The current options to render text (sharp, crisp, etc) are not good enough.
Many UI designers work with fonts between 9-13px. Photoshop's text rendering engine needs an option for subpixel rendering much the same way browers handing text and Flash TLF. This process introduces color artifacts but the results are sharper, more legible text.

Do you mean color filter antialiasing? (all antialiasing is subpixel)
We can't do that (nor can any image editor that knows what they're doing). Color filter antialiasing only works for final output -- when you know what's being the text, and what display the text is on, what orientation it's being shown at, etc. That's one reason why the OS makers are dropping color filter antialiasing: it doesn't work well for portable devices, arbitrary displays, new display technologies, composited views, etc.
And Photoshop CS6's text rendering is much closer to OS and browser rendering without trying to be bug compatible with every minor OS and browser version (yeah, they change text rendering that often).

Similar Messages

Is it possible to enable Subpixel rendering on iPad Mini?

Hi, is it possible to enable Subpixel rendering of text on the iPad mini? That would make text easier to read at small sizes.
http://en.wikipedia.org/wiki/Subpixel_rendering

Apple will only provide you with a replacement iPad, most likely a refurbished unit, for about 1/2 the price ($219) of a new iPad.
You can get the iPad repaired at 3rd party repair sources for less $, however, any remaining Apple warranty will be voided.
iPad Repair & Screen Replacement Services
http://www.ifixyouri.com/16-ipad-repairs
RepairZoom iPad Repair
http://www.repairzoom.com/ipad-repair.html
Mission Repair
http://www.missionrepair.com/Apple_iPad_Repair_Services_s/431.htm
iGadgetResQ
http://www.igadgetresq.com/ipad-repair/
 Cheers, Tom

Incorrect subpixel rendering iin FF 19.0.2

In many situations FF does not correctly display subpixel rendering. It appears as if the color one one side of a leg is assigned also assigned to the adjacent pixel of the leg. For a font leg only one pixel wide, there is no black portion of the leg, only the color which should be on the side. See http://tinypic.com/r/2rx6zax/6 or for a screen capture showing the problem. In the screenshot notice that the "l" in "baseline" is completely yellow.
The problem occurs frequently, on a seemingly random basis. Each line of text is affected individually. In the screenshot, the top three lines are affected; the bottom line is not affected. Selecting any text within an affected line will clear the problem for the entire line. As I scroll through a long page, lines that approach the top of the window will often become affected.
No other browser has this problem on the displayed pages. No other application has this problem. The problem is reproduced on a variety of sites. This site, support.mozilla.org shows the problem, but just for the text in the text entry boxes, though. The NewYork Times and slashdot are frequent problem sites. Other sites seem immune. I suspect it has something to do with how the text is packaged within the HTML for the page.
I am running Windows 7 (64 bit), and to the best of my knowledge, I have the latest version of all video drivers. My monitor is a Dell U2410. Turning off clear type or turning off font smoothing obviously eliminates the problem, but only by eliminating sub pixel rendering, making the fonts are more difficult to read. Interestingly, just activating the "ClearType Text Tuner" window, clears up the problem for the currently displayed text. Other actions besides selecting text in the line will also clear the problem.
I am able to reproduce the problem on a nearly a daily basis. I will be happy to provide further information if requested.
Question: Is there a solution to this situation short of disabling subpixel rendering?

Try to disable hardware acceleration in Firefox.
*Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available"
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
*https://hacks.mozilla.org/2010/09/hardware-acceleration/

Subpixel rendering in Rosetta?

There are a few threads that discuss antialiasing and subpixel rendering here, but I don't see one that answers this question:
Does Rosetta preclude subpixel rendering? Can any app that runs "in" Rosetta use subipxel rendering?

Apple pretty much doesn't keep that close of a watch on these forums. It is guys like you and me helping out other guys like you and me.
That being said, I can say with certanty that Rosetta supports sub-pixel rendering - I think...
If you have the developer tools installed there is an App called Pixie which will let you look at a zoomed in view of the pixels on the screen. You will notice that anything that supports sub-pixel rendering will have colored pixels around black text where things that do not, will not. (It is an artifact of the sub-pixel rendering)
This is where it gets interesting. Download HexEdit - http://sourceforge.net/project/showfiles.php?group_id=9366 . Open up any document and select the "find" menu item. The resulting find box should have text that is both sub-pixel rendered and text that is not! (Or at least that's what it looks like on my MacBook).
So it is clearly not a Rosetta issue. It has something to do with the UI elements used.
Please post back and confirm my findings.
MacBook Pro 2.17 + 2GB DDR2 | PowerBook Al 1.67 + 2GB DDR2 Mac OS X (10.4.5) BlackBerry 8700 | iPod Nano 4GB | iPod Video 60 GB

PDF in browser rendered as Text

We're trying to render SMARTFORMS outpur as PDF within our WebDynpro
application. We've found several posts which have been very helpful
and I think we're close. When we try to show the pdf a client browser window
is spawned and the content is rendered as text within the browser (shown below).
It looks like I'm not setting the content-type in the response header correctly.
Below is the code we're using.
Much Thanks,
Greg
/* Code used to launch browser and view PDF */
String file_prefix = "rfq";
   IWDCachedWebResource pdfResource = WDWebResource.getPublicCachedWebResource(
                  pdfContent, WDWebResourceType.PDF, WDScopeType.CLIENTSESSION_SCOPE,
                  wdThis.wdGetAPI().getComponent().getDeployableObjectPart(),
                  file_prefix );
   wdComponentAPI.getWindowManager().createExternalWindow( pdfResource.getURL(), "RFQ", false).open();
/* First few lines of rendered document */
DF-1.3
%âãÏÓ
2 0 obj
<<
/Type /FontDescriptor
/Ascent 720
/CapHeight 660
/Descent -270
/Flags 34
/FontBBox [-177 -269 1123 6]
/FontName /Times-Roman
/ItalicAngle 0
/StemV 105
>>

Hi,
Create a separate view to display PDF.
Create a frame on that view and attach its datasource to url.
Please go through the following code.
The return value URL should be used as source for Frame.
private String convertXstringToUrl( byte[] doc_content, java.lang.String doc_type ) {
          // setIFrameUrl()
       String url = "";
       if (doc_content != null && doc_content.length != 0) {
            MessageManager msgMgr;
            WDWebResourceType webResType = WDWebResourceType.PDF;
            if (doc_type.equals("PDF")) {
                 webResType = WDWebResourceType.PDF;
               } else if (doc_type.equals("HTML")){
                 webResType = WDWebResourceType.HTML;
            } else if (doc_type.equals("XML")) {
                 webResType = WDWebResourceType.XML;
            } else {
              try {
                   fpm.getMessageManager().raiseException(wdThis.wdGetAPI().getComponent(), "WrongDocType", "text", wdThis.wdGetAPI().getTextAccessor().getText("WrongDocType", new String[] { doc_type }));
              } catch(FPMRuntimeException ex) {
            IWDWebResource webResource = WDWebResource.getWebResource(doc_content, webResType);
//            IWDWebResource webResource = WDWebResource.getWebResource(doc_content, webResType, false);
            try {
                 url = webResource.getURL();
            catch (WDURLException ex) {
                 try {
                      fpm.getMessageManager().raiseException(wdThis.wdGetAPI().getComponent(), ex);
                 } catch(FPMRuntimeException ex2) {
       } else {
               /** Todo: Error! */
       return (url);
Hope this helps you.
Regards,
Nagaraju Donikena

Safari rendering default text with condensed font?

Has anyone else experienced this in the last few days?
All of a sudden Safari is rendering default text with a different font, a light, condensed one.
The side-by-side shows the Wordpress Admin menu on my Macbook & on my iMac.
The Macbook is still rendering as always, the iMac now has this new font.
Aside from within the Wordpress Admin area, I'm seeing the same thing in various other places you'd expect to see a default font, for default text.
It's not the end of the world but considering I haven't done anything to cause the change I'm concerned it's something malicious causing it,
any insights anyone?
Thanks in advance.

Installled any third party fonts lately?
And check for duplicate fonts.
Open the Font Book in your Applications folder.
From the Font Book menu bar click Edit > Look for Enabled Duplicates

Text Problem - 'Editing or Rendering the text layer will cause the layout to change'

Hello all,
The problem I'm having is that when I try to edit a text layer, the layout of the layer changes completely - I have a grey warning triangle in the affected layer thumbnail that states the following message when I hover over it :
'Font is present on system but requires a layout change'
When I double click to edit the text layer, the following warning dialog pops up:
'Editing or Rendering the text layer will cause the layout to change'
I'm forced to click 'okay' to proceed which is when the layout of the text layer changes completely! Obviously this has massive implications for branding and page consitency!!
Now even if I have to do this the long way round, which means rebuilding each individual text layer for every single document, there is another problem, it appears that after I click 'OK' photoshop distorts the text! This means that I can't increase or decrease the font size to match it up! Same font, Same height, same AA, same weight, different circle radius!
Any help is massively appreciated,
I'm using CS5 64bit Cloud edition on Windows 7, I've already tried updating and reinstalling Photoshop but it doesnt remedy the problem, I've reinstalled a sample batch of the fonts affected and deleted any plugins
GULP!

That warning is pretty clear - you don't appear to have the font on your system. Not sure what otehr answer you are looking for. The layout changes beyond that could be indicative of a million things like the original source layers having been heavily customized with manual kerning, used a different version of a seemingly similar font, have been created with glyph substitution on a system with a different language and whatever... Unless you mean you created the files yourself just yesterday and the warning appears despite nothing have changed, everything works as intended. If you think something is up, you need to provide more info.
Mylenium

Separate subpixel rendering for each monitor

Hi,
is it possible to configure separate subpixel rendering for each monitor? I use a multi monitor setup with 2 additional inverted screens (via xrandr). Each screen has a RGB subpixel mapping. The font rendering on the inverted screens looks odd, because they would need BGR mappings. Thats my guess at least, tested it via http://www.lagom.nl/lcd-test/subpixel.php

Unfortunately there is no way to have separte subpixel rendering for each monitor. The library doing the rendering (freetype), would have to know which screen you are on and adjust dynamically. Plus, suppose you have half of a window on one screen and half on another - it wouldn't know which to choose.
I would like to be able to do this, too, for my rotated monitor.
I am sure it is technically possible, but not without a major redesign of how the applications render the fonts.

Acrobat renders embedded text unsearchable by spreading out letters: why?

Something strange happened today when I created a single PDF page of a magazine and inserted it into the larger PDF of the entire magazine: all the letters in the words embedded in the single PDF page were automatically spread out, so this caption, in the single PDF page:
the commodore just faintly heard the words
HE WAS NOT MEANT TO HEAR”
appeared this way, on that same page within the larger PDF document:
t h e c o m m o d o r e j u s t f a i n t l y h e a r d t h e w o r d s
HE WA S NOT ME A N T TO H E A R ”
with white space inserted between most of the letters. This change effectively renders the text unsearchable, since no one is going to insert a space between letters when searching for words in the pdf.
Does anyone know why this happens? And is there any way of preventing it? If it helps, this spreading out of letters seems to happen more often in headers and captions than in columns of text. Thanks!

Not sure, but were the fonts embedded. It looks like a font issue. You might also try scrolling through the text to see if the spaces are really there.

Maybe a Subpixel-Rendering problem ?

Hallo there,
i’ve managed successfully to programm a Lens-Distortion Plugin, using the Skeleton Template as a base.
So far, every function from this Plugin is functioning like it should be. The single problem that I have, is that the Image is like “Pixelated“ on the edges maybe a Subpixel-rendering or antialiasing problem.
This can be seen at example foto down here. 1 is the original image and the 2 foto is the distorted image with my plugin. The subpixeling is really on each corner of the box.
I thought first, that i was rounding the variables, but i’ve checked my algorithmus and am using doubles for the parameters, so it can’t be round.
Do you have any Idea, what i am missing ?
Thanks in advanced,
Boban
The main function looks like this:
static PF_Err
MySimpleGainFunc16(
void    *refcon,
A_long    xL,
A_long    yL,
PF_Pixel16 *inP,
PF_Pixel16 *outP)
PF_Err        err = PF_Err_NONE;
DistInfo      *giP = reinterpret_cast<DistInfo*>(refcon);
AEGP_SuiteHandler suites(giP->in_data.pica_basicP);
PF_FpLong      tempF = 0;
PFBarrelCommon    *barrel = NULL;
PF_Fixed      new_xFi = 0, new_yFi = 0;
double        offset_x_ = 0, offset_y_ = 0;
double        //GUI PARAMETERN
    c3_ = giP->low,    // Low Order par
    c5_ = giP->high, // High Order par
    xp_ = (double)((giP->centerX)), // Lens center X
    yp_ = (double)((giP->centerY)), // Lens center Y
    in_width_ = giP->orig_width,      // Undistored x giP->footage_width;
    in_height_ = giP->orig_height,      // Undistored y giP->footage_height;
    orig_width_ = giP->orig_width + giP->footage_width,      // Undistored x giP->footage_width;
    orig_height_ = giP->orig_height + giP->footage_height,
    squeeze_ = giP->anaS, // Ana... Squezze
    invSqueeze_ = 1 / squeeze_,
    f1 = orig_width_ / in_width_,
    f2 = orig_height_ / in_height_;
Point2
    DistortPoint = Point2(1, 1),
    UnDistortPoint = Point2(1, 1),
    C3C5_ = Point2(c3_, c5_),
    outputAbsCent = barrel->calcAbsCent((float)xp_, (int)orig_width_, (float)yp_, (int)orig_height_),
    absCent_ = barrel->calcAbsCent((float)xp_, (int)in_width_, (float)yp_, (int)in_height_);
    offset_x_ = absCent_.x - outputAbsCent.x,
    offset_y_ = absCent_.y - outputAbsCent.y;
Point2
    pt_ = Point2(((double)xL_*f1 + offset_x_), ((double)yL_*f2 + offset_y_)),
    norm_ = barrel->calcNorm((int)in_width_, (int)in_height_);
      switch (giP->distortion_mode)
        case DM_DISTORT:
          DistortPoint = barrel->PFBarrelCommon::solveDistort(C3C5_, absCent_, squeeze_, invSqueeze_, norm_, pt_);
          break;
        case DM_UNDISTORT:
          DistortPoint = barrel->PFBarrelCommon::solveUndistort(C3C5_, absCent_, squeeze_, invSqueeze_, norm_, pt_);
          break;
        default:
          break;
new_xFi = (A_long)(DistortPoint.x) << 16;
new_yFi = (A_long)(DistortPoint.y) << 16;
ERR(suites.Sampling16Suite1()->subpixel_sample16(giP->in_data.effect_ref,
    new_xFi,
    new_yFi,
    &giP->samp_pb,
    outP));
return err;

I would try connecting an external monitor, if the problem doesn't appear on the external monitor then you possibly have a failing internal LCD display panel or cable.
If the problem appears on the external monitor as well, then that would indicate to me its a graphics chip / logic board issue, this fault may qualify for Apple's free repair offer.
http://support.apple.com/kb/ts2377
What ever the outcome with the external monitor, it's worth taking it to an Apple store anyway, as they'll check it for free.

What causes selectOneChoice to be rendered as text instead of drop down?

I notice that my UIInput components are being rendered as HTML text rather than their normal HTML tags when I specify a value in EL. For example, the selectOneChoice component is rendered as:
&lt!-- Start: oracle.adf.SelectOne["ruleSelection"] --&gt&ltspan id="form1:ruleSelection" class="x6"&gtCredit Okay&lt/span&gt
so I can't see the drop down arrow or box or any of the other options since it doesn't use the normal HTML select tag.
The source is below:
Except from jsp page
<af:selectOneChoice binding="#{testRuleSetBackingBean.ruleSelection}"
id="ruleSelection" value="#{testRuleSetBackingBean.rows[0].rule}">
<f:selectItems value="#{testRuleSetBackingBean.ruleNames}"
binding="#{testRuleSetBackingBean.ruleItem}" id="ruleItem"/>
</af:selectOneChoice>
However if I remove the value attribute from ruleSelection then it renders as expected, with a drop down box with all the items in.
More source below:
Excerpt from backing bean:
private RuleCondition[] rows;
//bindings for ruleSelection
public void setRuleSelection(CoreSelectOneChoice selectOneMenu1) {
this.ruleSelection = selectOneMenu1;
public CoreSelectOneChoice getRuleSelection() {
return ruleSelection;
//bindings for ruleItem
public void setRuleItem(UISelectItems selectItems1) {
this.ruleItem = selectItems1;
public UISelectItems getRuleItem() {
return ruleItem;
// items in the list are names of rules
public ArrayList<SelectItem> getRuleNames(){
//... just returns an array list of javax.faces.model.SelectItem
//with each SelectItem containing a value and label that are String objects
Except from RuleCondition.java
private Rule rule;
public Rule getRule(){
return rule;
public String toString(){
     return this.getClass().getName();
// equals overriden so that we can equate a String object and a Rule object
// if the String equals the class name of the Rule
public boolean equals(Object obj){
          if (obj instanceof String){
               if (this.getClass().getName().equals(obj)){
                    return true;
               }else {
                    return false;
          }else if(this.getClass().getName().equals(obj.getClass().getName())){
               return true;
          }else {
               return false;
Other info
Using ADF Faces implementation 10_1_3_0_4
Using MyFaces 1.1.3 (same results with 1.1.1)
Turning debug-output on in adf-faces-config.xml produced nothing
Any hints on what may cause this behaviour?

Minutes after posting this I determined the answer - lack of setters. I added:
RuleCondition.getRule(.....)
TestRuleSetBackingBean.setRuleNames(....)
and hey, presto - I can now see the drop down.
This makes perfect sense to me now - it was determining this as a read-only property. Nice.

SSRS web based report viewer control rendering issues - text getting clipped chopped off

Hi,
I am using web based SSRS report viewer control to display SSRS reports in browsers like Chrome, FF, IE, Safari etc. My issue is some text is getting chopped off (clipped) in all cells of some reports. I investigated on my end by analyzing generated HTML
and I could see a problem in the HTML that report viewer control is generating. But I am afraid to apply any HTML or Javascript hacks at the moment considering we have hundreds of reports.
You can see in above image how text got chopped off. The problem in HTML (given below) is the text has been wrapped in a div tag with a fixed height. If I remove the height and also padding on parent TD, the text appears properly.
<td class="A23dfe7c5f99245f2a0db522a22a6035597c" style="HEIGHT:5.00mm;background-color:#d3d3d3;"><div style="HEIGHT:3.24mm;overflow:hidden;"><table lang="en-US" cellspacing="0"
cellpadding="0" border="0" class="Pd9776e5f7eaf4df696265b8b49d1da39_1_r17"><tbody><tr><td class="A23dfe7c5f99245f2a0db522a22a6035597" style="word-wrap:break-word;white-space:pre-wrap;">MyType11</td></tr></tbody></table></div></td>
Please let me know if you have faced a similar scenario before.
Here is link to stackoverflow thread -
Stackoverflow thread
Regards
Murtaza

Hi Murtaza,
According to your description, when you display the report with Report Viewer control, the data within the text is cutoff.
Based on my research, the issue could cause by that Arial Unicode MS font hasn’t been installed on the server where Reporting Services run. Besides, when we use ReportViewer control to render report, we’d better set
AsyncRendering="true" in the Report Viewer control. Also please run the IE with compatibility mode. For more information, please refer to similar threads below:
Data in column getting cut-off in report viewer control
SSRS Rendering Issues
If you have any question, please feel free to ask.
Best regards,
Qiuyun Yu
Qiuyun Yu
TechNet Community Support

PDFMaker: Extra chars being rendered in text fields

I've used PDFMaker (Adobe Acrobat 9 Professional) to render a PDF from a Microsoft Word document. However, the PDF contains extra characters; specifically, characters are added to any fields referencing headings in the document.
In the following screen capture, you can see an example:
http://img510.imageshack.us/my.php?image=extracharactersinfieldstl8.jpg
The page header should read "Introduction * Introduction". These aren't static text, but text fields that reference headings. However, Acrobat has introduced the extra characters "1B" and "19B".
I've checked, and the headings that the field references are actually rendered correctly (one heading - Introduction - is shown on the screen capture itself).
Regards,
Paul.

Read this:
CallieAnn48103, "Acrobat 8 adds extra characters to the running header" #1, 5 Dec 2006 5:49 am

Displaying rendered HTML text in spry detail region

Hi,
I have just started to play around with DW CS3 & spry and
love them!
I have a Master/Detail spry going from my database, but am
having a problem displaying the detail the way I need it. The mySQL
field is a BLOB for some HTML formatted text (I get the text
elsewhere using a Xinha textarea edit widget and load the the
formatted HTML text into my db). For example, my string is
"<h2>this test</h2><strong>xyz</strong>"
which is loaded into my db. I am using the dreamweaver ADDT export
XML functionality to generate my spry master/detail region.
My detail region is displaying the correct html associated
with the selected master table entry, but it's with the HTML tags,
not rendered as HTML (I don't want to see
<h2>title</h2>; I'd like to see title with <H2>
formatting).
It's much like what I think a RSS feed would be, but can't
find a way just to get the html to render because I don't have the
files externally to source an iframe or anything. (I tried a XLS
fragment transformation, just putting the detail record field that
I want in an XLS file, but that didn't do anything).
Any kind of guidance, hint, point and laugh but then tell me,
would be greatly appreciated. I also posted at first at ADDT and
then General Dreamweaver because I didn't locate this forum in the
Forum topic list, so when I did find this I thought this is
obviously where I should have first posted - sorry if anyone has
also been surfing around. Thanks so much so any info.

Hi Don,
Thanks so much for responding. I actually did do that, but it
seems like I might be doing it in the wrong place. I tried it in
the .js that I have in my header:
var dsList = new Spry.Data.XMLDataSet("./export.php",
"theSpecials/special",{sortOnLoad:"rating",sortOrderOnLoad:"ascending",distinctOnLoad:tru e});
dsList.setColumnType("detail", "html");
which didn't do it. I also tried it right in my detail
display area:
<div style="overflow:hidden; width: 400px;"
spry:detailregion="dsList">
<div> 
<div id="detailDisplay" style="width:380px; "> 
<script
type="text/javascript">dsList.setColumnType("detail","html");</script>{dsList::detail}

</div> 
</div> 

</div>
Excuse the inline ugliness, will clean it up when it's
functional. But that doesn't seem to do it either. I am storing
that particular field as a blob in the mysql database, but I
already tried making that a VARCHAR which had no effect either.
Thanks so much for for the suggestion! Any other gems that I
can try?
Liz

Firefox not rendering italic text

I can't pinpoint specifically when this began, but this is an issue I've only seen after doing a fresh install of Ubuntu 11.04. Firefox isn't rendering text that appears between <i> and <cite> tags (there may be others that would render as italicized text by default, but I haven't checked), but is correctly rendering text between <em> tags. The text is literally just gone but is taking up space in the layout.
Chrome on the same machine isn't having the same problem

It seem that in the latest versions of (k)ubuntu only ttf-dejavu-core is installed by default. If you install ttf-dejavu-extra [ sudo apt-get install ttf-dejavu-extra ] that fixes the problem for me

Subpixel rendering of text

Similar Messages

Maybe you are looking for