Font rendering looks terrible

I have the Firefox 26.0 running on Windows 7 Ultimate and have noticed that the font rendering often looks terrible. For example, have a look at the lower left title on the New York Times:
http://webspace.lenscritic.com/firefox/2.png
Interestingly, when the page is first rendering I get a split second where it looks fine, but then it quickly changes to what you see above. Here's what it looks like in the early stages of rendering when it looks fine:
http://webspace.lenscritic.com/firefox/1.png
I have tried disabling hardware acceleration (in Tools > Options > Advanced > General > Browsing) as well as setting the gfx.content.azure.enabled pref to false and gfx.direct2d.disabled pref to true, none of which made any difference.
Any suggestions would be appreciated.

Hello,
Some help articles:
*[http://www.mozilla.org/en-US/plugincheck/ Check plugins]
*[http://www.mozilla.org/en-US/firefox/all/ Last Firefox]
*[https://support.mozilla.org/en-US/kb/upgrade-graphics-drivers-use-hardware-acceleration Upgrade your graphics drivers to use hardware acceleration and WebGL]
*[https://support.mozilla.org/en-US/kb/websites-look-wrong-or-appear-differently Websites look wrong or appear differently than they should]
*[https://support.mozilla.org/en-US/kb/troubleshoot-firefox-issues-using-safe-mode Firefox in safe mode]

Similar Messages

[Solved] Font looks terrible in FireFox--need to install better one

Some forums, for example MobileRead and Unix.com, look terrible in FireFox on my new installation of Arch. Or more specifically, the main font used looks terrible.
I had the exact same problem on Fedora a few years ago when I did a new installation. I thought I rememberered that the solution there was to install some Lucida font. But running the command "xlsfonts | grep lucida" gives me the same results on my Fedora and Arch systems.
I installed several font packages with pacman which improved other things but not this.
Any ideas? Is anyone similarly afflicted?
Last edited by KenJackson (2011-06-04 16:41:07)

Excellent! I used Kyansaa's solution:
sudo pacman -R xorg-fonts-{75,100}dpi
Now everything looks nice!
Thank you.

MacMini looks terrible with Samsung SyncMaster 225BW

I have the latest Mac working with a Samsung SyncMaster 225 monitor, and the font aliasing look terrible! Is there anything I can do about this? I have gone through the colour calibration and it is slightly improved, but it still looks pretty poor.
I have connected this monitor to a PC and the font display looks good, except for Apple's webpages (such as these discussion forums)! What fonts are used here? And why do these look so poor on this 22" 1680x1050 DVI connected TFT monitor?
Any clue would be appreciated?

Thanks for the reply. I think it is half and half, the problem is both Apple and the Samsung. I believe the graphics adapter (Intel GMA 950) in the MacMini is pretty poor and what you said about Apple's font smoothing... and I think the actual Samsung panel is somehow not good with this adapter.
I tried the MacMini on an NEC 21" and it looked better, and I also tried it on a BenQ 24" and this was pretty good. I also have a iMac 24" and whatever panel they use in that, the fonts, etc looks pretty **** good!
So there must be something going on with the Samsung 225BW and the Mini itself! (Although, to be honest, my NEC 1770NX 17" LCD monitor is not giving that good a display at the moment!)
Is there a way of updating the driver for this Samsung (or this NEC 1770NX) monitor?! Are we all stuck with whatever driver the Mac uses when it detects the display?

Why does the font rendering change after I publish to the web?

I created an animation in Edge Animate with four slides, using Open-Sans as the font. The font rendering looks good in Edge Animate and looks good in the local html version as well, but when I publish it to the website, the font formatting is not acceptable.
Here is the local HTML version:
Here is how it appears on the website:
Is there a way to control this better?
Thanks.

Hopefully someone else will be brave enough to respond to this, but in the meantime, the best solution I have found so far is to post the animation files to a separate directory on the server. Then pull that page in using an iframe. This way the animation is not influenced by the parent page's styling.

Font rendering across OS's

Hi,
Hopefully this is a simple question.
I'm using Java2D to generate PNG's for a webapp. When I develop on my windows box, the font rendering looks great. When I push it out to my Linux server, the font's look awful.
In a best case, I like to make my fonts look great on both OS's, but I'll take making them look consistent. I assume that this is happening because Java2d id reaching out to the OS for font rendering. Since I'm operating in headless mode, though, I'd expect two PNG's to be byte for byte identical. If anyone can tell me how to do this I's appreciate it.
Thanks,
Jim
PS - Using Java 5, could move to 6 if a solution necessitated it, but would be a hassle.

JDK 5 and 6 uses same library to rasterize text and this library is not platform dependent.
But most of fonts are platform and even system dependent.
If you want identical images you need to be sure that same fonts are being used.
E.g. try to use Lucida Sans font shipped with JDK.
Note that if requested font is not available it will be substituted with default font.
Also note that logic fonts (e.g. Dialog) are always availbale but they are actually mapped to set of
platform dependent fonts.

What can be done about the terrible font rendering in Adobe Flash 11.6?

Some fonts in the latest version of Adobe Flash are terrible. They are almost unreadable!
Take a look at the fonts rendered from Adobe's own site: (Can you read what version or OS or Browser?)
I have other sites where the fonts are readable but they are still very bad.
Please help!
Mike

I have found a solution. The problem is really with Google Chrome v 25.??? To get it to work properly you will need to go to chrome://plugins/ and "enable" the pepflashplayer.dll.
I had to click on the "+ Details" link on the far right, in the plugins header bar. This will open a hidden portion to the Flash player and you can then enable that .dll. It looks a bit like this:
Name:
Shockwave Flash
Description:
Shockwave Flash 11.6 r602
Version:
11.6.602.171
Location:
C:\Users\mrice\AppData\Local\Google\Chrome\Application\25.0.1364.97\PepperFlash\pepflashpl ayer.dll
Type:
PPAPI (out-of-process)
Enable
MIME types:
MIME type
Description
File extensions
application/x-shockwave-flash
Shockwave Flash
.swf
application/futuresplash
FutureSplash Player
.spl
This worked for me.
I also posted this solution on the Google Chrome "feedback" page.
Good Luck,
Mike

Font rendering quality in Illustrator is terrible!

What the heck rode Adobe when they implemented the new font engine?
Why, oh why is Apple's font rendering so much better? And why wouldn't Adobe use something that's already readily available on the mac platform?
I have a huge problem mocking up website layouts in Illustrator. Type looks much better in Firefox or Safari. How come, huh?

I believe this is the result of sub-pixel antialiasing (SPAA), which optimizes text appearance on laptops. Illustrator's rasterizing doesn't SPAA, which is fine for most CRTs, print, and LCD displays that might be rotated.
It's more a case of the OS being savvy enough to tell what kind of display you have and antialias appropriately. Illustrator's rendering engine does need to support SPAA.

The font on these forums looks terrible

The font on these forums and many other parts of the Adobe.com site look terrible on my computer. This is on Windows XP, and I tried it on all the big browsers, and they all look like this:
(Click the image to see it actual size..)

Dave Merchant wrote:
We know there are some combinations of browser and OS that break the anti-aliasing system - early versions of Chrome and remote desktop installations both have problems.
This is a known problem? So that means you would rather use a web font that looks pretty much like any other commonly available font for most people, knowing that for others it is a pain to read. It doesn't seem worthwhile. You end up with a font that is marginally (if at all) "better" for most people, and much worse for the rest.
Dave Merchant wrote:
Please reply with details of your system configuration.
You can blame my system configuration, and if other sites looked this bad on my browser I would agree. But the rest of the internet does not look like this, as far as I've seen, so I don't think of it as my problem. I suppose this makes me sound stubborn, but consider the user experience; I'm browsing the internet, everything looks fine, then I get to your site and it looks bad. And I'm supposed to think something is wrong with my computer?

Why does the web look TERRIBLE on my new Retina display?

The new retina display is fantastic, but browsing the web looks horrible. Can anything be done to improve the web browsing experience?

Most websites are designed to look good on low end computers, typically with a resolution of around 1024x768.
Our retina macbooks have such a high resolution display that they basically show the flaws you would not normally see on a low resolution display.Text that is rendered using the mac os system fonts should look beautiful, but low resolution pictures and non-native text will look terrible on any website or application.
There is no real fix for this issue, other than hoping the web in general starts moving to higher resoltuion content in the future. The same problem exists with the retina iPad, and in my opinion, things look even worse on the ipad since you tend to be zoomed in further while browsing the web.

Windows OpenType CFF Font Rendering

We have a situation where our identity font is displaying terribly in MS Word 2010 on Windows 7. The font looks great in InDesign and Illustrator. The font family is OpenType with PostScript outlines, aka CFF. This behavior is consistent for any OpenType font from Adobe, such as Myriad Pro or Adobe Garamond.
I am nearly certain that the Windows font rendering engine is optimized for TrueType outlines and renders PostScript outlines poorly. I also think that Adobe is using a different rendering engine for the Creative Suite applications, perhaps their own. I have not been able to find any specific documentation of these statements.
Does this ring true? Does anyone know of specific documentation of poor font rendering in Windows applications, especially MS Office?

Argg! I knew it would be something stupid. I spent a lot of time recently trying to get all the exceptions worked out in font embedding and it is all starting to run together.
Yes, I use flate by default, but I used AsciiHex so I could examine the data easily. Now I'm wondering when this crept in and how much time I wasted. Maybe I don't want to know.
This fixes the display issue in Acrobat/Reader, but Apple Preview still won't display the font (it substitutions but gives no error). Does anyone know if Apple Preview even supports FontFile3/OpenType?
Confusingly, Acrobat's Preflight -> PDF Analysis -> "Report PDF syntax issues" still reports the "An unexpected value is associated with the key" error.
In this case, would extracting the CFF table as is from the OTF be a valid CFF font that could be used, thereby using FontFile3/Type1C and make it compatible with Apple Preview? Just thinking out loud.
I've updated the file http://www.pagestream.org/fonttest4.pdf to reflect the proper encoding for anyone who might have an inkling to take a look.
Thank you Leonard for your help!
Deron

Getting better font rendering

I'm using a TrueType font in my AIR app to write live text. It's installed on Windows XP. But every font looks terrible in my AIR app. It looks as if it's a Flash movie with quality set to Draft.
How can I improve the appearance and anti-aliasing of fonts in my AIR app?

I installed:
cairo-ubuntu
Then it pulled down everything ellse as dependencies.
I run KDE. You do not need to rebuild anything.
I bet your problem is that in KDE "System Settings" -> "Application Appearance" -> "Fonts" -> "Use anti-aliasing"
You had changed that option in the dropdown from System Settings to enabled, or messed with Froce fonts DPI. Once you changed these settings KDE overwrites the font config files that the cairo-ubuntu package configured correctly. I just made that mistake yesterday. Now even when I change "Use anti-aliasing" back to the defualt System Settings it dose not go back to the way it was.
Now I have to leave it on Enabled and Use sub-pixel rendering RGB; Hinting style Full
If you don't mind reconfigureing KDE.
Backup .kde4/share/apps/kwallet and stuff
Then delete delete ~/.kde4 and all should be well.
Owe, and -Bitstream Vera Sans- is the best font, but still install the cairo-ubuntu package to configure everything.
Last edited by hunterthomson (2012-12-25 01:32:48)

Font Rendering Got Bad After 32.0 Update

After the recent update, the font started to get badly rendered. Kind of blurry with jagged edges and transparent parts. It used to be okay D:
Sometimes it becomes okay for a moment as I scroll down on pages, and sometimes when I stop scrolling, the font stays as it is; as if there are specific positions for the text to render properly. However, not all of the fonts are affected. Only the ones inside the scroll area.
On times that the font renders properly, the bookmarks font, title bar, and tab names are unaffected and still appear not-smooth. Same thing does not happen on other browsers. All my other system fonts look okay; it's really just Firefox.
Restarting Firefox = didn't work
Restarting Computer = didn't work
Tried setting up Clear Type = didn't work
Tried enabling and disabling Hardware Acceleration on Firefox = didn't work
Tried enabling and disabling the Graphics card itself = didn't work
Tried just about all of the suggestions I found on Google = none worked
Tried complete uninstall and re-install of Firefox 32.0 = didn't work
Graphics Driver are updated ~
Windows is updated ~
I'm using Windows 7 Ultimate 32 bit
Graphics AMD Radeon HD 6800
I fixed it by downgrading to Firefox 31 which makes me sure that 32.0 is the culprit. As I was about to send the message on top; I tried downgrading as my last resort and it worked. Now I'm only sending this as a report. I am hoping you'll figure out what caused it because I am quite strict (OC) that everything in my PC must remain updated >_<; thus I want to use Firefox 32.0 as much as possible.

No one to help on this ??????

Text looking terrible in InDesign document...

I am running into an issue putting together a marketing report for my work. The small photo caption text (frutiger light size 8) looks terrible when I PDF it.
But in addition to it looking terrible when I pdf it, it also looks terrible in the InDesign document if I get too close to an image.
I have tried putting all the text on a separate layer that is on top of everything else (including anything that is a transparency).
The body text (which is frutiger regular size 9) looks totally fine.
I do have transparencies on my pages but I have to because my boss likes us to have drop shadows when we show sample document pages.
How can I fix this? The proposal document is going to be delivered digitally, so even if it prints ok that wont work because most likely it will only be viewed on screen.
These images show how the text changes depending on how close or far away I get.

Does it look bad in the PDF on screen only or also when printed on a high resolution device?
If the text is above all transparent objects than it is not a transparency flattening problem, although you did not tell us anything about your PDF export settings.
If it looks good on high resolution print but bad on screen only it might be an issue of the used font only. To be honest, on your screen shot I don't see the problem here what you mentioned. Could you link your problematic INDD and PDF here. Not the original file, it understnd that it is not possible for you, but a small file where you reconstruct this problem with a placeholder image and blind text, one page only to keep things small.

Flex 4.5/FP10.2 web app: Font rendering problem

Heya,
Upped a web app from Flex 4.0/4.1 to Flex 4.5 & fonts started to render really badly (blurry & 'stronger').
They are embedded as CFF, no errors or warnings gives. Also upgraded to Flash Player 10.2, which apparently has 'enhanched' font rendering.
Haven't set applicationDPI on the s:Application tag, so DPI management should be disabled according to the docs.
(See http://help.adobe.com/en_US/flex/mobileapps/WS19f279b149e7481c682e5a9412cf5976c17-8000.htm l)
It's straight up @font-face embeds in a CSS file, nothing odd or wrong there.
Is the case that this is how it's supposed to look now? In that case, how do I revert back to sane rendering?
Do I need to configure 4.5 somehow to get it to do fonts right?

Also tested Franklin Gothic, same deal. Tested on Mac (10.2) & PC (10.2 & 10.3). Flex 4.5 for both platforms.
fonts.css:
@font-face
src: url("fonts/arial.ttf");
font-family: Arial;
font-weight: normal;
embedAsCFF: true;
FontTest.mxml:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<fx:Style source="fonts.css"/>
<s:Label x="20" y="20"
fontFamily="Arial"
fontLookup="embeddedCFF"
fontSize="12"
cffHinting="horizontalStem"
text="TESTAR Testar testar" />
</s:Application>

Font rendering differences between Xfce and KDE

Hi,
I am using both KDE and Xfce (mostly Xfce with KDE apps) and I observed that there is a font rendering difference between Gtk (Xfce) and QT (KDE) apps.
In both desktop environments I use dejavu sans font, size 9 and I have set RGB subpixel rendering and hinting to full.
I created some screenshots of dolphin and thunar to illustrate the differences (right click and select view image to see the screenshots in full resolution)
Can somebody help me to make gtk app fonts to look the same as qt ones? Or at least tell me why there is this difference.
Thank you.

I cant tell you why there is a difference, but this page may help you. https://wiki.archlinux.org/index.php/Font_Configuration
I ended up installing the Ubuntu patched packages in the AUR, but there are different options.

Font rendering looks terrible

Similar Messages

Maybe you are looking for