We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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

Este fío arquivouse. Faga unha nova pregunta se precisa axuda.

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

  • 3 respostas
  • 1 has this problem
  • 9 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"

cor-el modificouno o