Closed
Bug 536510
Opened 15 years ago
Closed 13 years ago
@font-face broken in 2.5.6
Categories
(Firefox :: File Handling, defect)
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
Comment 1•15 years ago
|
||
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.
Comment 3•14 years ago
|
||
(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?
Comment 4•13 years ago
|
||
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.
Comment 5•13 years ago
|
||
What was not working in my comment #4 still don't work with Firefox 6. It there anybody here to confirm my statements ?
Comment 6•13 years ago
|
||
(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.
Updated•13 years ago
|
Status: UNCONFIRMED → RESOLVED
Closed: 13 years ago
Resolution: --- → INVALID
Comment 7•13 years ago
|
||
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.
Description
•