Strange font rendering in firefox

I have an svg file which has a very strange rendering in firefox the letters seem to be above each other while they're next to each other.
kindly check the link I attached, it includes:
1- the svg file
2-How it shows on firefox
3-How it shows on chrome "correct"
https://www.dropbox.com/sh/hi7uy3k79gk92to/AAAhDZKPZMSB94CqPeo0xgxCa?dl=0

This forum focuses more on end-user support. You can find more web development help on the unofficial [http://forums.mozillazine.org/viewforum.php?f=25 mozillaZine Web Development board]. It's a separate site with separate registration.

Similar Messages

UGLY font rendering in Firefox

Hello, my font rendering in Firefox is very ugly. I don't know what to do
I installed ttf-google-fonts-git and also put 70-no-bitmaps.conf in my /etc/fonts/conf.d/ directory but this doesn't change anything. I reinstalled ttf-google-fonts-git and firefox but nothing.
Here is what I got : http://f.too.gy/font-rendering.png

(/etc/fonts/conf.d) Stewie $ ls
10-powerline-symbols.conf    57-dejavu-sans.conf
10-scale-bitmap-fonts.conf    57-dejavu-sans-mono.conf
20-unhint-small-dejavu-sans.conf 57-dejavu-serif.conf
20-unhint-small-dejavu-sans-mono.conf 60-latin.conf
20-unhint-small-dejavu-serif.conf 65-fonts-persian.conf
20-unhint-small-vera.conf    65-nonlatin.conf
30-metric-aliases.conf    69-unifont.conf
30-urw-aliases.conf    70-no-bitmaps.conf
40-nonlatin.conf    75-yes-terminus.conf
42-luxi-mono.conf    80-delicious.conf
45-latin.conf    90-synthetic.conf
49-sansserif.conf    99pdftoopvp.conf
50-user.conf    README
51-local.conf

Strange Font Rendering in OS X

I am having issues with fonts on my computer--The default font in both Firefox and Safari Are set to times, but I am getting a custom font instead.
http://imgur.com/BFdgE
This is an example image. Any ideas?

~Bee's response is right on the dot. Like the free "Brady Bunch" font, which causes the same problem, "Alien (Alien League)" has an incorrect internal font name in the same place. The internal names are as follows:
PS Font Name: Alien League
Full Name: Arial
Menu Name: Alien League
FOND Name: Alien League
Can you guess which one is causing the font conflict? Google uses Arial pretty heavily, which is why you're seeing Alien League replacing it in your browser.

[SOLVED] Bad font rendering after last update (pango issue?)

I am getting very strange font rendering problem. Look at the screen below. It only affects gtk windows (as you can see below HTML text is currently displayed, but url bar and context menu is not). I belive it appeared after upgrading pango package to 1.32, but downgrading it as instructed here (https://bbs.archlinux.org/viewtopic.php?id=151886), didn't help. Does anybody know what can it be? Any hints where to look for the solution?
Maciej
Last edited by mamciek (2012-11-20 22:01:45)

brebs wrote:https://bugs.archlinux.org/task/32612?project=1
That seems to be an issue. Downgrading to xorg-server 1.13.0-3 resolved problem. Watching ticket for future updates. Thanks a lot
Last edited by mamciek (2012-11-20 22:02:58)

Fonts rendering incorrectly since update to Firefox 13.0.1

Since I updated to Firefox 13.0.1, any website using the Helvetica Neue font is rendering an outline font instead. I do have this font installed on my computer, and cannot uninstall it as I am a graphic designer and I use it all the time. Any change we can get a fix on this?
I just pasted one example, but even this page is doing it: https://support.mozilla.org/en-US/questions/new/desktop/d1/form?search=Fonts+rendering+incorrectly+since+update+to+Firefox+13.0.1. I also know Pinterest does it.

There may be a problem with the Helvetica Neue font if Firefox is using another font instead.
You can do a font test to see if you can identify corrupted font(s).
*http://browserspy.dk/fonts-flash.php?detail=1
You can use this extension to see which fonts are used for selected text.
*fontinfo: https://addons.mozilla.org/firefox/addon/fontinfo/

Firefox-bin font rendering

If I use any of the firefox-bin packages in aur, or mozilla's official tar the font rendering is just terrible and doesn't folow my system at all. Is there anyway to make these versions of firefox render fonts properly?

The Firefox aurora and beta AUR packages use binary packages so Firefox is compiled differently than the default Arch packages. iirc, XULRunner is responsible for the font rendering. You would want to compile it to use the system's cairo library.

Weird font rendering glitch in firefox

Hi all,
When I look at this webpage in Firefox this is what I get:
Notice how every occurrence of "ff" and "ft" look weird.
This is Mozilla Firefox 13.0.1.
System & Xorg info:
knarf ~ > Xorg -version
X.Org X Server 1.12.3
Release Date: 2012-07-09
X Protocol Version 11, Revision 0
Build Operating System: Linux 3.4.4-3-ARCH x86_64
Current Operating System: Linux paf 3.4.4-3-ARCH #1 SMP PREEMPT Tue Jul 3 14:36:44 UTC 2012 x86_64
Kernel command line: root=/dev/sda3 ro
Build Date: 09 July 2012 03:59:39PM
Current version of pixman: 0.26.2
Before reporting problems, check http://wiki.x.org
to make sure that you have the latest version.
Font-related installed packages:
knarf ~ > pacman -Qs ttf
local/ttf-dejavu 2.33-3
Font family based on the Bitstream Vera Fonts with a wider range of characters
local/ttf-freefont 20120503-1
Set of free outline fonts covering the Unicode character set
knarf ~ > pacman -Qs font
local/fontconfig 2.8.0-2
A library for configuring and customizing font access
local/fontforge 20120119-1
Outline and bitmap font editor
local/fontsproto 2.1.2-1
X11 font extension wire protocol
local/freetype2 2.4.10-1
TrueType font rendering library
local/libfontenc 1.1.1-1
X11 font encoding library
local/libxfont 1.4.5-1
X11 font rasterisation library
local/libxft 2.3.1-1
FreeType-based font drawing library for X
local/ttf-dejavu 2.33-3
Font family based on the Bitstream Vera Fonts with a wider range of characters
local/ttf-freefont 20120503-1
Set of free outline fonts covering the Unicode character set
local/xorg-bdftopcf 1.0.3-2 (xorg xorg-apps)
Convert X font from Bitmap Distribution Format to Portable Compiled Format
local/xorg-font-util 1.3.0-1 (xorg-fonts xorg)
X.Org font utilities
local/xorg-font-utils 7.6-3
Transitional package depending on xorg font utilities
local/xorg-fonts-alias 1.0.2-2
X.org font alias files
local/xorg-fonts-encodings 1.0.4-3 (xorg-fonts xorg)
X.org font encoding files
local/xorg-fonts-misc 1.0.1-2
X.org misc fonts
local/xorg-mkfontdir 1.0.7-1 (xorg xorg-apps)
Create an index of X font files in a directory
local/xorg-mkfontscale 1.1.0-1 (xorg-apps xorg)
Create an index of scalable font files for X

ewaller wrote:It is interesting to note those combinations are typographic ligatures. I'll bet two credits that is not a coincidence.
I bet my credits the fault is within the Calibri font.
You can do a font substitution for Calibri. I made the change for all users. Before anyone does this they might check, from the command line, what font is being used for Calibri: 'fc-match Calibri'
In /etc/fonts/conf.avail/ I added the file, 39-no-calibri.conf:
<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>

<match target="pattern" name="family">
<test name="family" qual="any">
<string>Calibri</string>
</test>
<edit mode="assign" name="family">
<string>Arial</string>
<string>Liberation Sans</string>
<string>sans-serif</string>
</edit>
</match>
</fontconfig>
Then I symlinked to it from /etc/fonts/conf.d/:
# pwd
/etc/fonts/conf.d
# ln -s /etc/fonts/conf.avail/39-no-calibri.conf
Finally, I updated the font cache with 'fc-cache -vf'.

Firefox/Thunderbird Font Rendering changed after upgrade of xulrunner

Hi guys,
I experienced a problem with font rendering in the mentioned applications after upgrading xulrunner from 1.9.2.10-1 to 1.9.2.10-2 today. It seems like font smoothing/subpixel rendering does not work as before. After downgrading to 1.9.2.10-1, it worked as expected again.
To make it more clearly, here is a comparison shot of the two different renderings. The top one is before, the bottom one after the upgrade. You can see that the font at the top is rendered more smoothly.
And here is a difference image:
Is anything known about changes which could cause this?
<edit>I have to correct this. The rendering in thunderbird was obviously not changed by the xulrunner upgrade, but by a separate thunderbird upgrade from 3.1.4-1 to 3.1.4-2.
<edit2>Additional information: I have the cleartype versions of freetype2, cairo and libxft installed, if that matters.
Last edited by Singul (2010-09-28 16:40:18)

Although I am empathetic to the hard (and really great) job the arch devs do, I want to voice my overall agreement with softtower on this issue. Fonts have been an off and on problem for me with arch since the beginning. I understand the devs are doing the best they can, especially when the actual problem is with the moz. devs. But fonts are the major way most users interact with the system, and I can tell you that almost nothing is more aggravating, to me at least, to suddenly "upgrade" and get presented with those really crappy fonts out of the blue. Just saying I understand the frustration, and I think he makes some good points about shipping broken packages and "blaming" it on upstream. If they're broken - don't use them! if possible. "Progress" that breaks stuff isn't really progress, imo.
hokasch wrote:
Don't quite get what the fuzz is all about, my fonts look as crisp as ever (on a laptop lcd), the update changed absolutely nothing for me. I never used "fixed" versions of anything, can't really remember how I set up the fonts when I did this installation though (font config advice on the wiki I guess).
It is not the repo's maintainers job to keep packages synced up with any "fixed" packages in AUR, that is your own responsibility, and bitching about it won't help you any.
Just pointing out that comments like these aren't really helpful, imho. So you didn't have the problem - that's good to know, but the "fuzz" is about the fact that some of us *DO* have the problem.
It typically doesn't show up on laptops, btw, only standalone LCDs for some reason (has always been the case for me, at least, with both LCDs and laptops, where the laptop never had the problem). So again, the fuss is that a major usability function got broken from an upgrade that shouldn't get broken, and imo it raises some good, if admittedly difficult to resolve, points, philosophical points, etc. about the packaging and upgrade process,

When creating PDF from web page why does text appears as strange font not readable?

I am using Acrobat Standard, ver. 9.5.5. Frequently if I save a web page on either Firefox or Internet Explorer by printing to my Adobe PDF driver, much of the text is rendered in a strange font rather than in the font that appears on the web page. The only work-around I have found is to print the document to a printer and then scan the printed page to create a PDF. Is there a solution to this problem?

The OS may be an issue so what are you using Win7, Win8, XP, MAC, or other? In printing, what job settings are you using? When you open the PDF, check the properties (ctrl-D) to see if the fonts are embedded or not. The problem is likely related to the font not being embedded. The embedding may be a license issue for the font. Acrobat will only embed fonts that are properly licensed. You might try the Print or Press job settings that are a bit better to embedding all fonts.

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 ??????

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.

Weird Font Rendering Issue?

Okay i was looking fo some back up drives online, and i stumbled upon:
http://www.circuitcity.com/ssm/Seagate-Barracuda-7200-9-500GB-Internal-Drive-ST3 500641ARK/sem/rpsm/oid/168899/catOid/-12976/rpem/ccd/productDetail.do
it renders like this:
http://img512.imageshack.us/img512/4641/picture3rn0.png
http://img218.imageshack.us/my.php?image=picture4dr1.png
but for some reason on my MacPro 2.66 the font renders odd in FireFox (doenst do it on Safari. and ive tried this exact sit eon my MacBookPro and it looks fine on Firefox.
I have the following installed (on both machines)
-FireFox 2.0.0.9
-Microsoft Office 2004
-Adobe CS2
-Macromedia Studio 8
theyre practically identical with programs & fonts installed, the only fonts that are installe are the ones that wer epreinstalled with the system, and that came with Office 04 and CS2
any way to maybe fix this issue?

hey! well i tried your site url on my MacPro and i have the same issue, so it must be a macpro thing? lol
im running the latest firefox and no additional fonts installed other than the ones you have listed yourself (office, cs2, macromedia)
so dont fret. i tried using font finangler and onyx to clean the font cache, (not sure i fhtat was a good idea,) but it shows up on mine so your not the only one! ive tried on two different macpros one wiht out any programs and it does the same thing. so it must be something with the wya its rendering on these machines.
at first it hought maybe something got corrupted in my system aswell
hope that helps!!

Font Rendering Issues-Help Required Please

In the past week, any Google search on Firefox or Chrome (but not Opera) gives me results where the fonts look gappy. Sometimes there are additional dots above the letters. I uninstalled and reinstalled Firefox from scratch in case an add-on was at fault but even with a clean install I am still seeing the issue. I checked my font settings and do not have any minimum font size set. I have allow pages to choose their own font ticked.
I've uploaded an image where I can see some correctly rendered text and some gappy looking text (not from a Google search but a Mozilla query). It also happens when commenting online sometimes, during typing it will be gappy but it will show properly once submitted. Any ideas for a fix would be warmly welcomed and I can give more examples if that would help. Although it's not Firefox related, I did restore all defaults in Chrome and it didn't fix the issue there either.
I uninstalled the most recent Windows Update since the problem is recent but it didn't change anything. I'm not sure if browsers would even look to my computers fonts.

hi Auds77, this is probably caused by microsoft update kb3013455 which can cause font rendering issues on vista:
<blockquote>After you install security update 3013455, you may notice some text quality degradation in certain scenarios. The problem only occurs on systems that are running Windows Vista SP2 or Windows Server 2003 SP2. Microsoft is researching this problem and will post more information in this article when the information becomes available. </blockquote>
<sup>reference: https://support.microsoft.com/kb/3013455</sup>
one option may be to [http://windows.microsoft.com/en-us/windows/remove-update#1TC=windows-vista roll-back this particular update] for now until there is a fix by microsoft or you could also look if there is a [[Upgrade your graphics drivers to use hardware acceleration and WebGL|graphics driver update]] available on the website of the vendor (intel/amd/nvidia) which might also resolve this problem in some cases.

KDE : slow font rendering

Hi everyone !
I'm completely new to Arch (coming from Ubuntu) and was really amazed at how fast my system could get and how easy it was to set it up.
I only have one problem left (apart from the missing japanese fonts) :
When anti-aliasing is turned on (in KDE), fonts rendering gets really slow. It can be noticed when selecting a big chunk of text with the mouse, in Konqueror or Kate : you can feel it takes some time. Or when switching tabs in Konqueror. Those are definitely much faster in Opera and Firefox.
However, with anti-aliasing turned off, it is almost instant, as it should. But it looks really awful (in general, I have much trouble getting a good font rendering in linux. Probably because of my 19" LCD that only reached 1280x1024)
Do you have any idea ? My config is : nvidia geforce 6600, proprietary drivers, athlon 64 3200+. I tried some MS fonts and the DejaVu font.
Just in case, you may see my xorg.conf, below.
THANKS EVER SO MUCH for reading this far I think my problem may concern many other newbies like me
# nvidia-settings: X configuration file generated by nvidia-settings
# nvidia-settings: version 1.0 (buildmeister@builder3) Thu Nov 9 17:56:12 PST 2006
Section "ServerLayout"
Identifier "Layout0"
Screen 0 "Screen0" 0 0
Screen 1 "Screen1" RightOf "Screen0"
InputDevice "Keyboard0" "CoreKeyboard"
InputDevice "Mouse0" "CorePointer"
EndSection
Section "Files"
RgbPath "/usr/lib/X11/rgb"
EndSection
Section "Module"
Load "dbe"
Load "extmod"
Load "type1"
Load "freetype"
Load "glx"
EndSection
Section "ServerFlags"
Option "Xinerama" "0"
EndSection
Section "InputDevice"
# generated from default
Identifier "Mouse0"
Driver "mouse"
Option "Protocol" "auto"
Option "Device" "/dev/psaux"
Option "Emulate3Buttons" "no"
Option "ZAxisMapping" "4 5"
EndSection
Section "InputDevice"
# generated from default
Identifier "Keyboard0"
Driver "kbd"
Option "XkbLayout" "fr"
EndSection
Section "Monitor"
# HorizSync source: edid, VertRefresh source: edid
Identifier "Monitor0"
VendorName "Unknown"
ModelName "LG L1915S"
HorizSync 30.0 - 83.0
VertRefresh 56.0 - 75.0
Option "DPMS"
EndSection
Section "Monitor"
# HorizSync source: xconfig, VertRefresh source: xconfig
Identifier "Monitor1"
VendorName "Unknown"
ModelName "TV-0"
HorizSync 28.0 - 33.0
VertRefresh 43.0 - 72.0
Option "DPMS"
EndSection
Section "Device"
Identifier "Videocard0"
Driver "nvidia"
VendorName "NVIDIA Corporation"
BoardName "GeForce 6600"
BusID "PCI:2:0:0"
Screen 0
EndSection
Section "Device"
Identifier "Videocard1"
Driver "nvidia"
VendorName "NVIDIA Corporation"
BoardName "GeForce 6600"
BusID "PCI:2:0:0"
Screen 1
EndSection
Section "Screen"
Identifier "Screen0"
Device "Videocard0"
Monitor "Monitor0"
DefaultDepth 24
Option "metamodes" "CRT: nvidia-auto-select +0+0"
SubSection "Display"
Depth 24
Modes "1600x1200" "1280x1024" "1024x768" "800x600" "640x480"
EndSubSection
EndSection
Section "Screen"
Identifier "Screen1"
Device "Videocard1"
Monitor "Monitor1"
DefaultDepth 24
Option "metamodes" "TV: 800x600 +0+0"
SubSection "Display"
Depth 24
Modes "1600x1200" "1280x1024" "1024x768" "800x600" "640x480"
EndSubSection
EndSection

Oh gees, it seems the culprit was the "sub-hinting" (halo de sous-pixellisation) option. I thought I had tried all possible combinations
However, I wonder if it is supposed to slow down the display that much...
Anyway... I would still be eager to find a solution to display japanese fonts
Thanks for listening to me
Last edited by mahen (2007-02-05 11:55:09)

Font rendering issue & multimedia keys not working

Hi, yesterday i switched to KDEmod 4.1 and I have two major problems...
One is font rendering issue... I did not change anything in my font-related packages (cairo, freetype, fontconfig, libxft) and i have to add that this setup worked perfectly in KDEmod 3.5.9, but now it looks like this:
This bug occurs only in qt apps and mostly in kmenu... i.e firefox renders my fonts flawlessly...
Second problem are multimedia keys on my keyboard...
They worked in KDE 3.5.9, but now I cannot set them up properly... Sometimes they work, sometimes they don't...
KDE recognizes the pressed key, but when I assign specific action and press the key, just nothing happens...

You might be able to solve your font issue by going to System Settings -> Appearance -> Fonts. I enable ant-aliasing. I also clicked on configure and select "Use sub-pixel rendering" to RGB and the hinting style to Full. I also use the Force fonts DPI to 96 DPI. This makes the fonts pleasing to my eyes.
This is how I got my multimedia keys to work in KDE4.1:
Go to System Settings -> Regional and Language and make sure to set the County or region to your location.
khotkeys needs to be running. I added it to the autostarted progam list. System Settings -> Advanced tab -> Autostart
When I got the multimedia keys working, I was really tring to get the keyboard shortcuts to work. In addition to the above steps, I also deleted
~/.kde4/share/config/kglobalshortcutsrc. I do not know if deleting this file is needed to get the multimedia keys working, but it was to get the keyboard shortcuts woring.
Restart X
Go to System Settings -> Keyboard and Mouse -> Keyboard Shortcuts
I set the volume control in the KMix component section.
To get the keyboard shortcuts to work, go to the menu editor and select the program you want to create a shortcuts for. Click on the advanced tab and create the shortcut in the shortcut field. Save.
Then go to System Settings -> Keyboard and Mouse -> Keyboard Shortcuts. Change the component to KHotkeys. Select the Program and then select the default shortcut that you just created. (This works for the multimedia keys aswell).
Hope this helps,
pudge

Strange font rendering in firefox

Similar Messages

Maybe you are looking for