Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

为提升您的使用体验,本站正在维护,部分功能暂时无法使用。如果本站文章无法解决您的问题,您想要向社区提问的话,请到 Twitter 上的 @FirefoxSupport 或 Reddit 上的 /r/firefox 提问,我们的支持社区将会很快回复您的疑问。

搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信,及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

详细了解

@font not showing correctly in FireFox 3.6.23

  • 7 个回答
  • 3 人有此问题
  • 10 次查看
  • 最后回复者为 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

被采纳的解决方案

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)
定位到答案原位置 👍 0

所有回复 (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

选择的解决方案

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!

more options

You're welcome