Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

Mozilla サポートの検索

サポート詐欺に注意してください。 私たちはあなたに通話やショートメッセージの送信、個人情報の共有を求めることはありません。疑わしい行為を見つけたら「迷惑行為を報告」からご報告ください。

詳しく学ぶ
このスレッドはアーカイブに保管されました。 必要であれば新たに質問してください。
アーカイブに保管済み

I can not get my fonts to show correctly in firefox what font types do you display on your browser ???

cor-el replied
mikefromsydney

I am using this css in my html

@font-face { font-family: 'Roboto-Thin'; src: url('fonts/Roboto-Thin.woff'); font-weight: normal; font-style: normal; }

Which I have been told is correct but still firefox does not show the font correctly ? It just displays as normal Times text

Kind Regards


Mike

I am using this css in my html @font-face { font-family: 'Roboto-Thin'; src: url('fonts/Roboto-Thin.woff'); font-weight: normal; font-style: normal; } Which I have been told is correct but still firefox does not show the font correctly ? It just displays as normal Times text Kind Regards Mike

すべての返信 (2)

I suggest using regular (") quotation marks in CSS instead of (') apostrophes in case that makes any difference.

What is rule applying Roboto-Thin to the body (or other relevant element)?

Is it working in other browsers?


Could you look for any download or CSS errors in Firefox's Web Console?

While viewing your page, open the console in the lower part of the tab using either:

  • command + alt + k
  • "3-bar" menu button > Developer > Web Console
  • (menu bar) Tools > Web Developer > Web Console

On the top line of the console, click Network. Then reload your page bypassing the cache (command+shift+r) and watch for whether the .woff file is requested and if it is, what the status is. Since you are bypassing the cache, you would expect 200.

If the file is downloaded, click over to the Console section and check for any error messages related to the file or its application. Anything?

Can you post a link to a publicly accessible page (i.e. no authentication or signing on required)?

Make sure that you allow pages to choose their own fonts.

  • Firefox > Preferences > Content : Fonts & Colors > Advanced: [X] "Allow pages to choose their own fonts, instead of my selections above"