1192771 - Font: HelveticaNeue Doesn't Display in Firefox

Status: RESOLVED WONTFIX

(Core :: Layout: Text and Fonts, defect)

Description

[Jack2015]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.26 Safari/537.36

Steps to reproduce:

Set the body, h1, h3 and other text elements to have the Helvetica Neue font, or a variation of it. Such as: font-family: HelveticaNeue-UltraLight;


Actual results:

In Chrome: the font displays fine.

In Firefox: it loads Times New Roman or the default font, rather than the font-family.


Expected results:

It should display the Helvetica Neue font.

Comment 1

[Jonathan Kew [:jfkthame]]

(In reply to Jack2015 from comment #0)
> User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_5)
> AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.26 Safari/537.36
> 
> Steps to reproduce:
> 
> Set the body, h1, h3 and other text elements to have the Helvetica Neue
> font, or a variation of it. Such as: font-family: HelveticaNeue-UltraLight;

"HelveticaNeue-UltraLight" is NOT a font-family name; it's the PostScript name of a specific face. As such, it's not supposed to work as a value for the font-family property.

What should work is styling such as

  font-family: "Helvetica Neue";
  font-weight: 100;

...and indeed, that works for me, at least: content styled with these properties is rendered using Helvetica Neue Ultralight.

If you don't think this works as it should, please provide a specific testcase.

Comment 2

[John Daggett (:jtd)]

(In reply to Jack2015 from comment #0)
> User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_5)
> AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.26 Safari/537.36
> 
> Steps to reproduce:
> 
> Set the body, h1, h3 and other text elements to have the Helvetica Neue
> font, or a variation of it. Such as: font-family: HelveticaNeue-UltraLight;
> 
> 
> Actual results:
> 
> In Chrome: the font displays fine.
> 
> In Firefox: it loads Times New Roman or the default font, rather than the
> font-family.

It'll display in Chrome/OSX but not Chrome/Win, even if the same font is around. That's because the Webkit font code allows Postscript names where *only* family names should be permitted. This pattern seems to be popular among iOS devs who are accustomed to using Postscript names to quickly specify the exact font they want to use. This isn't a good pattern for the web, which is why this isn't supported.

Comment 3

[Jack2015]

(In reply to John Daggett (:jtd) from comment #2)
> (In reply to Jack2015 from comment #0)
> > User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_5)
> > AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.26 Safari/537.36
> > 
> > Steps to reproduce:
> > 
> > Set the body, h1, h3 and other text elements to have the Helvetica Neue
> > font, or a variation of it. Such as: font-family: HelveticaNeue-UltraLight;
> > 
> > 
> > Actual results:
> > 
> > In Chrome: the font displays fine.
> > 
> > In Firefox: it loads Times New Roman or the default font, rather than the
> > font-family.
> 
> It'll display in Chrome/OSX but not Chrome/Win, even if the same font is
> around. That's because the Webkit font code allows Postscript names where
> *only* family names should be permitted. This pattern seems to be popular
> among iOS devs who are accustomed to using Postscript names to quickly
> specify the exact font they want to use. This isn't a good pattern for the
> web, which is why this isn't supported.

okay - thank you. I've changed the font-family and the font-weight and all works OK now.