Why does CSS' "@font-face" not work in FF8.0?

I am using embedded fonts via CSS' @font-face, which works perfectly in IE9, Safari 5.1.1 and Opera 11.52. However it does not work in FF8.0 (or Chrome 15.0.874.121) and falls back to Verdana.
Here is my CSS:
body,td,th {
font-family: DragonwyckFont, Verdana, Geneva, sans-serif;
@font-face {
font-family: "DragonwyckFont";
src: url("../fonts/Dragonwyck_Normal.eot");
src: url("../fonts/Dragonwyck_Normal.eot?#iefix") format('embedded-opentype'),
url("../fonts/Dragonwyck_Normal.ttf") format('truetype');
This is being tested on a W7 box, using localhost: on IIS.
Any help or advice would be much appreciated.
Thankyou in advance.

Hi cor-el,
Thanks for your very quick reply, unfortunately the solutions you offered have been unsuccessful.
I did as you suggested (including deleting the relative path and placing the fonts in the same directory as the CSS) and followed all the advice given in the references you made.
I am not going across domains so Access Control Headers are not required.
Bizarrely, the link from the demo (https://developer.mozilla.org/en/CSS/@font-face) works perfectly but, when I replicate it using the full path to Dragonwyck_Normal.ttf, it doesn't.
My little brain is starting to fry and I must be doing something completely daft but, with just half a dozen lines of code, I fail to see how it could be more simple!
CSS:
body,td,th { font-family: "Dragonwyck", serif; }
@font-face {
font-family: "Dragonwyck";
src: url("Dragonwyck_Normal.ttf");
Any ideas?
Regards,
Chaindrive.

Similar Messages

Why does my card reader not work on my iPad since upgrade?

I use my iPad mini to download photos from my camera when I'm on the road. In the summer I bought the "3 in 1 Card Reader Adapter Cable Camera Connection Kit, 3 Port Card Reader for iPad 4 and iPad Mini by Eurekka" and it worked wonderfully. I was able to download photos (jpg and RAW) directly to the iPad and off the camera, and once home it was a flawless upload to my iMac.
However, once I upgraded to iOS 7 last week I get a message saying the device is not supported. What gives? Will this be fixed or will Apple products only accept Apple accessories from now on?

No but I was just trying to find a way in to your help desk. I didn't find
your web page very helpful in this regard.
Douglas Whiteley
In a message dated 10/05/2012 20:43:50 GMT Daylight Time, [email protected]
writes:
Re: why does my adobe reader not work
created by Claudio González
(http://forums.adobe.com/people/Claudio+González) in Adobe Reader - View the full discussion
(http://forums.adobe.com/message/4395059#4395059)

Why does drag and drop not work?

Why does drag and drop not work?

Do you mean that when you move files on the Desktop, they don't stay where you put them ?.
If so - use Finder - View menu - Show View options & choose 'Arrange by' : none
If not - please describe exactly what the problem is.

Why does my free trial not work?

Why does my free trial not work? This is intentially misleading.

You need to provide a better description of what isn't working, system info and all that. This could be all sorts of technical issues or your trial could simply have bombed itself. In the latter case there is nothing you can do:
Adobe trial software expired early
Anything else like iunstall issues can in most cases be sorted out...
Mylenium

Why does the sync button not work in itunes when my ipod touch is connected

why does the sync button not work in itunes when my ipod touch is connected?

It's working for me in Acrobat XI:
I'd try logging into Acrobat.com from your browser, and log in with your Adobe ID. There may be a problem there:
workspaces.acrobat.com

Why does my command c not working?

why does my command c not working?

Hi,
In relation to what ?
Your post has ended up in the iChat Community and does not appear to have anything to do with iChat or Messages.
My first thought would be have you highlighted something that you want to copy from one place to another ?
My second would be that you have created a CMD + C custom keystroke and there is conflict with the OS use of this.
My third would be there just is not enough info to work on
7:48 pm Sunday; November 3, 2013
 iMac 2.5Ghz 5i 2011 (Mavericks 10.9)
 G4/1GhzDual MDD (Leopard 10.5.8)
 MacBookPro 2Gb (Snow Leopard 10.6.8)
 Mac OS X (10.6.8),
 Couple of iPhones and an iPad

@font-face not working in FF, but working elsewhere.

Hey, I've been trying to get @font-face working in Firefox, but it just won't work. I'm hosting the font externally and the way I'm doing it works on other browsers. This is my code:
<body bgcolor="CA2E28" style="margin-left: 0px; margin-right: 0px;">
<style type="text/css" media="screen, print">
@font-face {
font-family: "Blackout";
src: url(woff link is here, don't want to put it here though.);
body { font-family: "Blackout" }
</style>
<center>THIS SHOULD BE BLACKOUT.</center>
</body>

''jscher2000 [[#answer-709096|said]]''
<blockquote>
Can you check to see whether Firefox is downloading the file? To do that, first open the Web Console in the lower part of the tab below your page using either:
* Ctrl+Shift+k
* "3-bar" menu button > Developer > Web Console
* (menu bar) Tools > Web Developer > Web Console
Click the "Network" button/tab along the top of the console and reload the page. Here you can see whether Firefox is requesting the file and, if so, whether it is retrieved.
If that checks out, then click the Console tab and reload the page and watch for any error messages that might relate to the font. Anything strange?
If the font is downloading and there are no error messages, use the Inspector tab to look at the body element and see whether the style is there and is being given effect (i.e., no line-through).
If all that is good, you might double-check your personal settings to make sure you aren't overriding website fonts. Either:
* "3-bar" menu button (or Edit menu) > Preferences > Content
Click the Advanced button and make sure you have a checkmark for "Allow pages to choose their own fonts".
If all of that is good, then... it's a mystery. Have you checked Firefox on other machines or other operating systems?
''For reference:'' https://developer.mozilla.org/docs/Web/CSS/@font-face
</blockquote>
This message came upon refreshing:
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at <my font like here>. This can be fixed by moving the resource to the same domain or enabling CORS. Blackout_Midnight-webfont.woff
And this one soon after:
downloadable font: download failed (font-family: "Blackout" style:normal weight:normal stretch:normal src index:0): bad URI or cross-site access not allowed
source: <my font link here>

Why does my left earbud not work with any earbuds?

my left earbud skips and dosent work with any earbuds even ones i just bought from the store.

Hi,
joe12345757 wrote:
my left earbud skips and dosent work with any earbuds even ones i just bought from the store.
How does your left earbud not work with other earbuds? Do you mean the left earbud doesn't work with your iPod?
---likeabird---

Why does the @font-face work in a Private Tab, but not in a normal Tab?

I consistently find that the @font-face does not work in Firefox unless I use a Private Tab, but I prefer to use a regular Tab so that I can keep track of what pages I have visited. In a Private Tab the Android app displays Hebrew with cantillation marks as nicely as Windows does using the very same font. This is probably an unintended bug, as I cannot imagine why you would want Private Tabs to work better than the regular ones. The css function in question is:
@font-face {
font-family: 'Shlomo LB';
src: url('../ShlomoLightBold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

Hello,
Thank you for bringing this up. There is an open issue in Bugzilla - [https://bugzilla.mozilla.org/show_bug.cgi?id=769194 src:local() @font-face rules doesn't work on Android]. But in this case you are mentioning a src:url, so I don't know if they are related.
Also, can you please confirm if you are using NoScript or any other plugin on your browser and if there are settings that differ for the normal tabs vs. private tabs (noscript has an option to block @font-face).
Would it be possible for you to create a sample for testing this?
Thank you

@font-face not working in firefox

My @font-face is not working in firefox why would that be?
@font-face {
    font-family:LondonMM;
    src: url('LondonMM-webfont.eot');
    src: url('LondonMM-webfont.eot?#iefix') format('embedded-opentype'),
         url('LondonMM-webfont.woff2') format('woff2'),
         url('LondonMM-webfont.woff') format('woff'),
         url('LondonMM-webfont.ttf') format('truetype'),
         url('LondonMM-webfont.svg#londonmmregular') format('svg');
    font-weight: normal;
    font-style: normal;
I have them all in a fonts folder inside my root folder

There might be a problem with one of the fonts FF recognizes and that problematic file is the one FF is attempting to use.
Try commenting out all of the fonts FF can use, so...
@font-face {
    font-family:LondonMM;
    src: url('LondonMM-webfont.eot');
    src: url('LondonMM-webfont.eot?#iefix') format('embedded-opentype'),
        /*url('LondonMM-webfont.woff2') format('woff2'),*/
        /*url('LondonMM-webfont.woff') format('woff'),*/
        /*url('LondonMM-webfont.ttf') format('truetype'),*/
         url('LondonMM-webfont.svg#londonmmregular') format('svg');
    font-weight: normal;
    font-style: normal;
Then restore one at a time, individually, and see if FF comes back on line.

Why does the remote app not work with Apple TV 1st gen anymore.

This is a review I just left on the app store, I am posting it word for word, and i hope that dowsnt complicate anything. My hope is that this finds the right party to address the situation, and if any user has a fix, I would love to hear it.
I have an Mac mini running iTunes as a server, I have 2 airport expresses to allowing airplay to them for different rooms, and I also have 2 Apple TV first gens... I can play one stream of music from the server, and have the option of playing 2 other streams of music from the apple tv's as they have a built in hard drive to sync music to. I can send any of the feeds to any o the devices in any room and i love it. This whole system used to work flawlessly... It doesn't anymore. The latest update of remote broke what was working so well. I can pull it up and see all 3 music sources, log into each and play music, no problem there. The problem is that when I want to log back into that device, it won't show what music is playing. It loads up to a trackpad... Why do I need a trackpad? the point of a wifi remote is that it interfaces directly with the library, not needing to see the display... Annoying enough in itself as none of my devices are actually hooked up to a screen, but whatever, annoying point aside, I back out of the trackpad and refresh the device playing music... The music is playing, but won't show on my remote, I can't pause, press next song or anything. I have to start over and pick a song and override the currently playing song. Even the volume control is broken. I used to control each volume of each of the multiple devices individually, they each had a slider in the multiple speaker view, now there is only one master volume slider... One speaker is in my baby's room... If she is sleeping I don't want to have to go into the room to physically adjust that speaker, I want an individual slider like there was before.
I used to be very happy with this app. I'm not anymore. I used to praise apple and promote the functionality of it to all of my friends. Now I'm just embarrassed when I can't control it when they are over. Embarrassed....
As another fail.... I want to describe another point. As I have the iTunes server, it should be able to handle multiple things at once. It can to an extent... For example, I can play music from the server to an airplay device, and I can go onto my iMac, load up iTunes, click on shared libraries ad load my entire library from my server. I ca also at the same time take my iPhone, click on music, and again pull up my entire shared library of music from the wifi server... It handles this very well. I recently purchased an Apple TV 3. As it does not have a built in hard drive, it relies on content from a locally attached network or stuff from your iTunes account. So while I can use my iPhone to pull up the entire shared library while its also playing elsewhere, why can Apple TV 3 not?... It's using iOS just like my iPhone. All it was good for was airplay as an extra speaker. It wouldn't work as an extra rendered source of media using the shared library. Needless to say, that Apple TV went back to the store. Fail Apple, Fail.... That was the only reason I bought one. Maybe Apple TV 4 will actually be functional without a hard drive.

Working fine on my system
If on wifi, try ethernet
Make sure router is up to date
Reboot all components

Why does my google toolbar not work properly with the new updates. It was such a convenience to use the old toolbar to go to places I had visited before. Now I cannot get those old addresses with anything but Firefox 3.62 or whatever.

Why does Google Toolbar not work with the newer versions of Firefox.

Google have stopped supporting Google Toolbar on the latest versions of Firefox. Apparently one of the reasons for this decision is that modern browsers already tend to support many of the functions that google toolbar provides.
Firefox does allow you to specifically bookmark sites you have chosen, and also automatically remembers many of the sites you visit.
* see [[how do i use bookmarks]]

Why does the scroll sometimes not work?

I know this question has been posted before, but my problem is slightly different. I have synpatics touchpad with my laptop. Sometimes, the touchpad scrolling does not work, but my actual wireless mouse scrolling works. Sometimes my wireless mouse scrolling does not work, but my touchpad scrolling works. Why does this happen? The problem itself is not consistent.
The scrolling usually stops suddenly. Scrolling works perfectly fine for a webpage, but then it stops working during the middle of my scrolling. This problem started to bug me.
The problem still exists with Firefox reinstalled and without add-ons.

Does this happen on another browser? (eg. Chrome, IE)

Why does addChild(new Shape()) not work?

I would like to know why the following code does not work:
<mx:Application>
private function doShape():void {
var aShape:Shape = new Shape();
this.addChild(aShape);
<mx:Button click="doShape()" />
</mx:Application>
according to the docs, addChild() takes a DisplayObject as a
parameter. Shape is a DisplayObject. However, I get an error
(#1034) that Shape can't be converted to mx.core.IUIComponent
I don't understand what the problem is...

inlineblue -
Thanks for the advice...
I was actually converting code over from Flex 1.5 where there
is a pretty big difference between calling a beginFill()/lineTo()
method on a UIComponent and attaching a whole new
Container/MovieClip. In Flex 1.5 the application was so slow I
trimmed out every container/MovieClip I could.
If it's not such an issue in Flex 2.0 then I will go with the
easier to read addChild(new Box()) method.
Flex harUI - I assume that you mean if I create a new
UIComponent and then add a Shape for color, I am essentially doing
the same thing that normal containers like Box (a UIComponent) do
with their chrome instance (a Shape?).

Why does the App Store not work in Genius with VoiceOver switched on

After I downloaded IOS 6 to my iPhone 4 there were a lot of things not working properly, the main things that were a problem was the App Store, to move anything with VoiceOver switched on it was touch-and then tap twice also to move the thing on the page you use three fingers swipe up or down left or right to move it. We now find that to move something in Charts you only need one finger touchon the left to move it.If Some body can come up with thee answer it is the People that work in the Accessability side of things at Apple. So if you know in Ireland why Apple cannot put in the info for Accessability for People who are Blind like me we cannot see what is going on we do not change anyof the settings...

Thank you very much for the reply. That certainly makes sense, as I am sure it is all the Time Machine backups I have that are at the root of the problem. How can I update all those older version Apps deeply embedded within my TM backups, or is the solution to unmount my 2TB drive that I use for TM?
I suppose if Apple could somehow direct the App Store to disregard all those other apps in TM, the problem would be resolved.
 Nick Andriash 
17" MacBook Pro, 2.3GHz Intel Core i7, Memory 16 GB, OS X 10.8
AMD Radeon HD 6750M 1024 MB
iPad2 WiFi & 3G, 64GB
iPhone4S 32GB

Why does CSS' "@font-face" not work in FF8.0?

Similar Messages

Maybe you are looking for