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

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

Showcard Gothic font won't appear in Firefox. How do I change website code to preload a font for Firefox browsers?

  • 3 uphendule
  • 1 inale nkinga
  • 9 views
  • Igcine ukuphendulwa ngu cor-el

more options

I wrote my websites a few years ago. I found out how to preload unusual fonts in the "common.css" file so that Showcard Gothic would appear for people who don't happen to have that font in their Windows / Fonts directory. I think it's working when Internet Explorer users call up my website... www.retrosportsgames.com. I tried using Firefox for the first time today and that font defaults out to Times Roman. Can I get a link to a PDF that describes how I need to amend my "common.css" file to preload Showcard Gothic?

I wrote my websites a few years ago. I found out how to preload unusual fonts in the "common.css" file so that Showcard Gothic would appear for people who don't happen to have that font in their Windows / Fonts directory. I think it's working when Internet Explorer users call up my website... www.retrosportsgames.com. I tried using Firefox for the first time today and that font defaults out to Times Roman. Can I get a link to a PDF that describes how I need to amend my "common.css" file to preload Showcard Gothic?

All Replies (3)

more options

The problem is a trailing ',' in the @font-face rule.

@font-face {
	font-family: Showcard Gothic;
	src: url('SHOWG.eot'); /* IE9 Compat Modes */
	src: url('SHOWG.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('SHOWG.ttf')  format('truetype'), /* Safari, Android, iOS */
}

This works for me:

@font-face {
	font-family: Showcard Gothic;
	src: url('SHOWG.eot'); /* IE9 Compat Modes */
	src: url('SHOWG.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('SHOWG.ttf')  format('truetype') /* Safari, Android, iOS */
}
more options

I tried it and it worked for one page in the website (when I entered using the Index page), but not when I entered the site via one of the other pages (the Nostalgia page). Check out www.retrosportsgames.com on a Firefox browser and let me know what you see.

more options

Works for me on www.retrosportsgames.com and www.retrosportsgames.com/Current_Select_Chicago.htm

You can try these steps in case of issues with web pages:

You can reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.

  • Hold down the Shift key and left-click the Reload button
  • Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
  • Press "Command + Shift + R" (Mac)

Clear the cache and remove the cookies from websites that cause problems via the "3-bar" Firefox menu button (Options/Preferences).

"Clear the cache":

  • Firefox/Options/Preferences -> Advanced -> Network -> Cached Web Content: "Clear Now"

"Remove the cookies" from websites that cause problems.

  • Firefox/Options/Preferences -> Privacy -> "Use custom settings for history" -> Cookies: "Show Cookies"

Okulungisiwe ngu cor-el