632787 - Font Family Ignored in <LI>

Status: RESOLVED INVALID

(Core :: Graphics, defect)

Description

[FavBrowser]

User-Agent:       Opera/9.80 (Windows NT 6.1; U; en) Presto/2.7.62 Version/11.01
Build Identifier: 4.0b11

Firefox 4 ignores font family in LI UL if font name is more than 1 word

Arial Black
Arial Narrow

etc.

Same when using web fonts.

Reproducible: Always

Steps to Reproduce:
1. Use code

ul {
    font-family: "Arial Narrow";
}

2. <ul><li>example</li></ul>
3. Cahnge font to Arial, works fine.
Actual Results:  
Ignores font family, picks default font

Expected Results:  
Font should be changed to Arial Narrow

Comment 1

[Alice0775 White]

Confirmed on 
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:2.0b12pre) Gecko/20110208 Firefox/4.0b12pre ID:20110208030358

It works if disabled hardware acceleration(gfx.direct2d.disabled;true)

Comment 2

[Alice0775 White]

Attachment: sample html

Comment 3

[Jonathan Kew [:jfkthame]]

I don't have Arial Narrow on my Win7 machine, but I doubt this is specific to the HTML elements mentioned; rather, it is probably that "Arial Black" and "Arial Narrow" are not recognized as font families under DirectWrite, but are treated as additional members of the Arial family. To access these faces, use font-family: Arial together with appropriate font-weight and font-stretch properties.

Comment 4

[FavBrowser]

(In reply to comment #3)
> I don't have Arial Narrow on my Win7 machine, but I doubt this is specific to
> the HTML elements mentioned; rather, it is probably that "Arial Black" and
> "Arial Narrow" are not recognized as font families under DirectWrite, but are
> treated as additional members of the Arial family. To access these faces, use
> font-family: Arial together with appropriate font-weight and font-stretch
> properties.

Impossible to make Arial look exact like Arial Narrow, it works with all other web browsers and should be fixed.

Comment 5

[Robert Longson [:longsonr]]

DirectWrite does not work with bitmapped fonts. Does Arial Narrow fall into that category?

Comment 6

[Alice0775 White]

Attachment: font properties

Comment 7

[Jonathan Kew [:jfkthame]]

You should be able to access Arial Narrow using

  font-family: Arial;
  font-stretch: condensed;

in your CSS. Assuming that works, this is correct behavior under the DirectWrite font model, which is no longer limited to GDI's idea of "families".

Comment 8

[FavBrowser]

It works, thank you

Comment 9

[John Daggett (:jtd)]

Marking as invalid.  Reopen if you still feel there's a problem.