Avatar for Username

Sök i support

Akta dig för supportbedrägerier: Vi kommer aldrig att be dig att ringa eller skicka ett sms till ett telefonnummer eller dela personlig information. Rapportera misstänkt aktivitet med alternativet "Rapportera missbruk".

Learn More

Denna tråd har arkiverats. Ställ en ny fråga om du behöver hjälp.

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

  • 3 svar
  • 1 har detta problem
  • 9 visningar
  • Senaste svar av 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?

Alla svar (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 Frågans ägare
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"

Ändrad av cor-el