496128 - Fallback font in font-face causes web font to be ignored

Status: RESOLVED INVALID

(Core :: CSS Parsing and Computation, defect)

Description

[Rob Crowther]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1pre) Gecko/20090602 Shiretoko/3.5pre
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1pre) Gecko/20090602 Shiretoko/3.5pre

The font-face example page for the recently released Opera 10 beta includes the following definition:

@font-face {
  src: url(Forgotte.ttf) format("truetype");
  font-family: "Forgotten Futurist", serif;
  font-style: normal;
}

In Opera 10 beta the example text on the page is displayed in Forgotten Futurist, in Firefox 3.5 beta the same paragraph is displayed in default serif.

I downloaded and modified the page, changing the rule to:

@font-face {
  src: url(Forgotte.ttf) format("truetype");
  font-family: "Forgotten Futurist";
  font-style: normal;
}

On this modified page, Opera and Firefox render identically (http://www.boogdesign.com/examples/fonts/webfonts1.html).  As far as I can tell from the CSS3 spec, Opera is doing the right thing.

Reproducible: Always

Steps to Reproduce:
1. Visit http://devfiles.myopera.com/articles/695/webfonts.html in Opera 10 beta
2. Visit http://devfiles.myopera.com/articles/695/webfonts.html in Firefox 3.5 beta
3. Compare and contrast
Actual Results:  
Bottom paragraph in Firefox uses default serif font.

Expected Results:  
Bottom paragraph in Firefox uses Forgotten Futurist font.

Comment 1

[philippe (part-time)]

http://dev.w3.org/csswg/css3-fonts/#font-family0
(latest editor draft)

specifies font-family in a @font-face block as
Value: 	<family-name> 

What that Opera page specifies are basically 2 <family-name>(s). 

The error console flags an error:
Warning: Error in parsing value for 'font-family'.  Skipped to next declaration.
Source File: http://devfiles.myopera.com/articles/695/webfonts.html
Line: 17

I think this is invalid.

Comment 2

[John Daggett (:jtd)]

Yes, this is invalid.  Opera should be handling the syntax error (two family names in the font-family descriptor) by rejecting the font-family descriptor definition.  Since a font-family descriptor definition is required for @font-face rules, without one the entire rule is omitted as if "Forgotten Futurist" didn't exist.

Comment 3

[philippe (part-time)]

For reference:
* filed as [e-mail] for Opera
* https://bugs.webkit.org/show_bug.cgi?id=26183 for Safari/WebKit.