@ font-face does not work in Firefox

advertisements

Possible Duplicate:
css @font-face not working with Firefox, but working with Chrome and IE

I have a little problem and can't seem to figure out what the solution is.

I'm using Museo as a webfont. In Safari everything works like a charm, but in Firefox it doesn't work. Does anyone have any clue why?

@font-face {font-family: 'MuseoSans-500';
src: url('webfonts/eot/style_159303.eot');
src: url('webfonts/eot/style_159303.eot?#iefix') format('embedded-opentype'),
url('webfonts/woff/style_159303.woff') format('woff'),
url('webfonts/ttf/style_159303.ttf') format('truetype'),
url('webfonts/svg/style_159303.svg#MuseoSans-500') format('svg');}


I'm not sure what exactly is wrong with your @font-face setup, but I've gotten Museo working in FireFox using @font-face. I'd recommend generating the CSS declarations and different font files using Font Squirrel's @font-face generator which automatically sets everything up for all major browsers.