1155111 - Small sized sans-serif fonts render strangely spaced in SVG

Status: REOPENED

(Core :: SVG, defect)

Description

[u536868]

Attachment: FF SVG font bug.png

User Agent: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.18 Safari/537.36

Steps to reproduce:

See:
http://jsfiddle.net/hhcofcmds/xbqLs0ez/3/
I have an SVG drawing with text on it. If the scaling viewport of the SVG is so that the required font size to render is around or below 1px, some strange font spacing appears.


Actual results:

At some scale, sans-serif fonts are rendered with extra spacing (sans-serif font is used in the second column, this applies to all sans-serif fonts I've tried)
See the attached screenshot.


Expected results:

It should be rendered with normal spacing, as serif fonts. (serif font is used in the first column).

Comment 1

[u536868]

An update: the situation above is on Windows 8.1. On Windodws 7, serif and monospace fonts are also affected.

Comment 2

[Alice0775 White]

At least, Arial and Courier New cause the problem since Firefox25.

Pushlog:https://hg.mozilla.org/integration/mozilla-inbound/pushloghtml?fromchange=5e226d928613&tochange=3a23afb038a5


Regressed by:  Bug 839955

Comment 3

[Cameron McCormack (:heycam)]

Yeah, must be something to do with the font size scale factor calculation.  Note that if you use text-rendering="geometricPrecision" (which means we scale font sizes up to a minimum of 200px for text layout) it looks OK.

Comment 4

[u536868]

Thanks for the tip, this text-rendering attribute makes things works fine!

Comment 5

[Alice0775 White]

So, this is by design. 
WFM

Comment 6

[Cameron McCormack (:heycam)]

Not by design, I think the text should look reasonable as is, without the text-rendering property.  But I have to investigate further.

Comment 7

[Raniere Silva]

Hi,

could you help me with https://github.com/swcarpentry/git-novice/issues/87 since it's looks related to this?