Closed Bug 536510 Opened 15 years ago Closed 13 years ago

@font-face broken in 2.5.6

Categories

(Firefox :: File Handling, defect)

x86
Linux
defect
Not set
normal

Tracking

()

RESOLVED INVALID

People

(Reporter: kyle, Unassigned)

References

Details

User-Agent:       Mozilla/5.0 (X11; U; Linux i686; en-US) AppleWebKit/532.5 (KHTML, like Gecko) Chrome/4.0.249.43 Safari/532.5
Build Identifier: Firefox 2.5.6

@font-face loaded fonts aren't working.
They do download, have a proper mimetype, and show up in the cache. They are listed in the cache as haveing zero bytes. The @font-face declaration works fine in Chrome. The @font-face loads the font from another domain.

Reproducible: Always

Steps to Reproduce:
1. @font-face on separate domain
2. The font downloads & caches
3. The font is cached at zero bytes and is not showing up in the page.
Actual Results:  
The default fonts from firefox are shown.

Expected Results:  
The @font-face fonts should have loaded, as the markup was correct.

Mozilla Firefox for Ubuntu canonical 1.0
Have an example URL?

See also https://developer.mozilla.org/index.php?title=en/CSS/%40font-face#Notes

Cross-origin @font-face loads won't work unless the server hosting the font explicitly allows it to be used that way.
(In reply to comment #0)
> User-Agent:       Mozilla/5.0 (X11; U; Linux i686; en-US) AppleWebKit/532.5
> (KHTML, like Gecko) Chrome/4.0.249.43 Safari/532.5
> Build Identifier: Firefox 2.5.6

Sorry, what version of Firefox are you using?  And do you have a testcase for this problem or a URL?
With Firefox 4.0.1 or Firefox 5.0 (Mozilla/5.0 (Windows NT 5.1; rv:5.0) Gecko/20100101 Firefox/5.0):

<!DOCTYPE HTML>
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <title>Font CSS</title>
  <style>
@font-face {
	font-family: 'Reenie Beanie';
	font-style: normal;
	font-weight: normal;
	src: url('http://themes.googleusercontent.com/font?kit=ljpKc6CdXusL1cnGUSamXybsRidxnYrfzLNRqJkHfFo') format('truetype');
}
.belclass {
	font-family: 'Reenie Beanie', serif;
	font-size: 24pt;
}
  </style>
  </head>
  <body>
	<P class="belclass">Test number 1</P>
  </body>
</html>

Another example: the site http://www.fontcomparer.com/ do not work either.
What was not working in my comment #4 still don't work with Firefox 6.
It there anybody here to confirm my statements ?
(In reply to Vincent Nicolas from comment #4)

> @font-face {
> 	font-family: 'Reenie Beanie';
> 	font-style: normal;
> 	font-weight: normal;
> 	src:
> url('http://themes.googleusercontent.com/
> font?kit=ljpKc6CdXusL1cnGUSamXybsRidxnYrfzLNRqJkHfFo') format('truetype');
> }

This won't work for pages hosted anywhere else other than on 'themes.googleusercontent.com' unless the HTTP access control header is set to allow cross-domain loads.  Refer to the URL in comment 1 for an explanation.  You can verify whether the HTTP response header is set or not by looking at the font load in Firebug.
Status: UNCONFIRMED → RESOLVED
Closed: 13 years ago
Resolution: --- → INVALID
OK for the cross site case.
And now, the site http://www.fontcomparer.com/ works ! (on Firefox 6.0.1, Mac Os X). Don't know however if the web master of this site has changed anything or if this is the result of the last Firefox update...
You need to log in before you can comment on or make changes to this bug.