Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

@font-face does not proper work in Firefox?

  • 5 replies
  • 5 have this problem
  • 1 view
  • Last reply by cor-el

drasya
drasya
more options

I have this stylesheet emended in my project. web font kit generated from Font Squirrel... its working only these document when put my root folder, if i put on sub folder they not working..

@font-face { 

   font-family: 'DINBold';
   src: url('../fonts/din-bold/ff_din_bold-webfont.eot');
   src: url('../fonts/din-bold/ff_din_bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/din-bold/ff_din_bold-webfont.woff') format('woff'),
        url('../fonts/din-bold/ff_din_bold-webfont.ttf') format('truetype'),
        url('../fonts/din-bold/ff_din_bold-webfont.svg#DINBold') format('svg');
   font-weight: normal;
   font-style: normal;

}


Please suggest me !!!

I have this stylesheet emended in my project. web font kit generated from Font Squirrel... its working only these document when put my root folder, if i put on sub folder they not working.. ''@font-face { font-family: 'DINBold'; src: url('../fonts/din-bold/ff_din_bold-webfont.eot'); src: url('../fonts/din-bold/ff_din_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/din-bold/ff_din_bold-webfont.woff') format('woff'), url('../fonts/din-bold/ff_din_bold-webfont.ttf') format('truetype'), url('../fonts/din-bold/ff_din_bold-webfont.svg#DINBold') format('svg'); font-weight: normal; font-style: normal; }'' Please suggest me !!!

All Replies (5)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

Does Firefox's error console (Ctrl+Shift+j) list any complaints related to those fonts? To minimize the noise, try using the Clear button on the console, then reload the page bypassing the cache (Ctrl+Shift+r).

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

May also be caused by using a bold font (ff_din_bold-webfont.ttf) with font-weight: normal on Windows 7.

You can use this extension to see which fonts are used for selected text.

See also:

Current Firefox versions have a lot of web developer tools build-in.

drasya
drasya Question owner
more options

@jscher2000 and @cor-el,

Thanks for quick response,

But i have same issue yet.. :(

I've attached one snapshot so please @jscher2000 have a look this.

Thanks!

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

So the ../fonts navigation causes an error but /fonts (assuming you duplicate the folder there) does not?

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Are the CSS file(s) and the HTML file on the same server?