This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

Èròjà atẹ̀lélànà yii ni a ti fi pamọ́ fọ́jọ́ pípẹ́. Jọ̀wọ́ béèrè ìbéèrè titun bí o bá nílò ìrànwọ́.

@font not showing correctly in FireFox 3.6.23

  • 7 àwọn èsì
  • 3 ní àwọn ìṣòro yìí
  • 3 views
  • Èsì tí ó kẹ́hìn lọ́wọ́ cor-el

more options

The fonts and css file are located in the root domain, the @font works for IE 7/8/9 but the @font does not work for FireFox 3.6.23

The fonts and css file are located in the root domain, the @font works for IE 7/8/9 but the @font does not work for FireFox 3.6.23

Ọ̀nà àbáyọ tí a yàn

The site http://shinymanstudio.co.za/ works for me in Firefox 7 with the current code.

Do you still have a problem with that site?

Reload web page(s) and bypass the cache.

  • Press and hold Shift and left-click the Reload button.
  • Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
  • Press "Cmd + Shift + R" (MAC)
Ka ìdáhùn ni ìṣètò kíkà 👍 0

All Replies (7)

more options

Why do you not upgrade your browser to Firefox 7?

more options

I will try that, but I think it is related to a domain issue.

http://shinymanstudio.co.za/ <--- does not render the @font

http://shinymanstudio.co.za/webfontkit/ArchitectsDaughterRegular-demo.html <--- does render @font.

more options
<link rel="stylesheet" type="text/css" href="webfonts.css" media="screen" />
The file you are looking for does not exist, press your browsers back button or return to the home page. (404 - file not found)

Firefox doesn't seem to be inheriting those style rules from the html rule in style.css, so even if that is fixed the it still may not work and you may need to add body to that rule.

more options

Might of been trying solutions when you got that error, my apologies.

webfonts.css

@charset "UTF-8"; /* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 14, 2011 */

@font-face {

   font-family: 'ArchitectsDaughterRegular';
   src: url('architectsdaughter-webfont.eot');
   src: url('architectsdaughter-webfont.eot?#iefix') format('embedded-opentype'),
        url('architectsdaughter-webfont.woff') format('woff'),
        url('architectsdaughter-webfont.ttf') format('truetype'),
        url('architectsdaughter-webfont.svg#ArchitectsDaughterRegular') format('svg');
   font-weight: normal;
   font-style: normal;

}

^^^ Located in public_html


http://shinymanstudio.co.za/ <--- does not render the @font

http://shinymanstudio.co.za/webfontkit/ArchitectsDaughterRegular-demo.html <--- does render @font.

The problem still occurs, the public_html is my "root" folder, I could try placing the documents out side "public_html" but the hosting company did not advise this.

It works on the latest version of Chrome/Safari, IE 7/8/9.

I will try ../ later and see if this works.

Thanks for the help cor-EL.

Peace.

more options

Ọ̀nà àbáyọ Tí a Yàn

The site http://shinymanstudio.co.za/ works for me in Firefox 7 with the current code.

Do you still have a problem with that site?

Reload web page(s) and bypass the cache.

  • Press and hold Shift and left-click the Reload button.
  • Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
  • Press "Cmd + Shift + R" (MAC)
more options

Strange! Tried that before!

Thank you for your time, have a great day!