The default bug view has changed. See this FAQ.

Font Family Ignored in <LI>

RESOLVED INVALID

Status

()

Core
Graphics
--
major
RESOLVED INVALID
6 years ago
3 years ago

People

(Reporter: FavBrowser, Unassigned)

Tracking

({regression})

Trunk
x86_64
Windows 7
regression
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(2 attachments)

(Reporter)

Description

6 years ago
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

6 years ago
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)
Status: UNCONFIRMED → NEW
blocking2.0: --- → ?
Component: Style System (CSS) → Graphics
Ever confirmed: true
QA Contact: style-system → thebes
Version: unspecified → Trunk

Comment 2

6 years ago
Created attachment 511014 [details]
sample html

Updated

6 years ago
Keywords: regression
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.
(Reporter)

Comment 4

6 years ago
(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

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

Comment 6

6 years ago
Created attachment 511020 [details]
font properties
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".
(Reporter)

Comment 8

6 years ago
It works, thank you

Comment 9

6 years ago
Marking as invalid.  Reopen if you still feel there's a problem.
Status: NEW → RESOLVED
Last Resolved: 6 years ago
Resolution: --- → INVALID

Updated

6 years ago
blocking2.0: ? → ---
You need to log in before you can comment on or make changes to this bug.