Showcard Gothic font won't appear in Firefox. How do I change website code to preload a font for Firefox browsers?
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)
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 */ }
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.
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"
Athraithe ag cor-el ar