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.

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.

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

  • 3 replies
  • 1 has this problem
  • 5 views
  • Last reply by cor-el

wojocad
wojocad
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)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
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 */
}
wojocad
wojocad Question owner
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.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
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"

Modified by cor-el