@font-face not working in firefox- help needed!

Discussion in 'CSS' started by amitash, Jan 15, 2011.

0
  1. #1
    This is the CSS code and it works well in Opera and Chrome but not in firefox, please suggest a remedy.
    
@font-face {
	font-family: 'DroidSansRegular';
	src: url('DroidSans-webfont.eot');
	src: local('DroidSans-webfont.ttf'), url('DroidSans-webfont.woff') format('woff'), url('DroidSans-webfont.ttf') format('truetype'), url('DroidSans-webfont.svg#webfontw7zqO19G') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DroidSansBold';
	src: url('DroidSans-Bold-webfont.eot');
	src: local('DroidSans-Bold-webfont.ttf'), url('DroidSans-Bold-webfont.woff') format('woff'), url('DroidSans-Bold-webfont.ttf') format('truetype'), url('DroidSans-Bold-webfont.svg#webfontSOhoM6aS') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {background:#000; color:#fff; font: 15px/25px 'DroidSansRegular', Calibri, Arial, sans-serif;}
    HTML:

     
    amitash, Jan 15, 2011 IP
  2. steelfrog

    steelfrog Peon

    Messages:
    537
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    0
    #2
    WOFF support for @font-face was only introduced in Firefox 3.6. Make sure you're not still running 3.5.
     
    steelfrog, Jan 19, 2011 IP
  3. amitash

    amitash Well-Known Member

    Messages:
    399
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    125
    #3
    I'm running Firefox 3.6.8 on Linux. I also tested this on Firefox 4 Beta 9. I'm just unable to understand this as it works well in Chrome and Opera. Also could you try it on Safari as we don't have Safari for Linux.
    Thanks
     
    amitash, Jan 19, 2011 IP