667326 - Text rendering of css-embedded fonts in SVG referenced via IMG

Status: RESOLVED WORKSFORME

(Core :: SVG, defect)

Description

[Jan Tošovský]

User-Agent:       Mozilla/5.0 (Windows NT 6.1; WOW64; rv:5.0) Gecko/20100101 Firefox/5.0
Build Identifier: 

When a SVG file with a Base64 encoded font (in the font-face attribute) is displayed in FF via the IMG element, the text rendered using this font looks left-shaded. If the same file is inserted into the HTML page via object element, it looks as expected.

Reproducible: Always




At the URL provided both img and object variant can be compared.
Works fine in Chrome or MSIE9.

Comment 1

[Boris Zbarsky [:bzbarsky]]

Looks fine to me as far as I can tell (though on Mac)....  Would you mind attaching a screenshot of what you see?  I wonder whether this is Windows-specific.

Comment 2

[Jan Tošovský]

Attachment: Enlarged image

Comment 3

[Boris Zbarsky [:bzbarsky]]

Hmm, I do see something like that.  Looks like a difference in the subpixel positioning (blue vs green channel antialiasing in my case) or something.

Daniel, any idea what's up there?  The effect persists even if I make both the <img> and the <object> aligned on pixel boundaries (position: absolute; left: 0).

Comment 4

[Daniel Holbert [:dholbert]]

> Daniel, any idea what's up there?

Not immediately, but I can confirm too, & I can look in more detail tomorrow.  Taking for now.

Comment 5

[Daniel Holbert [:dholbert]]

If I add
 <rect fill="white" height="100" width="600"/>
inside the SVG, behind the text, the bug goes away.

Then, if I replace "white" with "none", the bug comes back.

Comment 6

[Daniel Holbert [:dholbert]]

(sorry for the arbitrary-seeming height/width there -- I'm working with a tweaked local version where those values are relevant)

Comment 7

[Daniel Holbert [:dholbert]]

Attachment: (helper svg file with "fill:none" on background rect)

Comment 8

[Daniel Holbert [:dholbert]]

Attachment: (helper svg file with "fill:white" on background rect)

Comment 9

[Daniel Holbert [:dholbert]]

Attachment: testcase 1

Here's an interactive testcase that you can click to switch between the previously-attached two svg files.

The only difference between these two .svg files is the color of their background rect -- "none" (broken) vs "white" (not broken).

Comment 10

[Jan Tošovský]

I cannot reproduce it on my FF 27 beta (Win7 64-bit) any more, but surprisingly still on Nightly 29.0a1 (2014-01-08).

Comment 11

[Daniel Holbert [:dholbert]]

(FWIW, I can reproduce in Firefox 27 beta, on Linux64 (as well as in nightly))

Comment 12

[Jan Tošovský]

Just tested on both Windows (42b4) and Ubuntu (30) and cannot reproduce any more.

Comment 13

[Robert Longson [:longsonr]]

Thanks for letting us know Jan.