• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 641
  • Last Modified:

Journal Font in IE

Hello Experts!

I am having problems getting the font I downloaded from Font Squirrel , the Journal font, to display properly in IE 8.

Here is the CSS:

@font-face 
{
	font-family: Journal;
	src: url('fonts/journal-webfont.eot');
	src: url('fonts/journal-webfont.woff') format('woff'), url('fonts/journal-webfont.ttf') format('truetype'), url('fonts/journal-webfont.svg#journal') format('svg');
}

.journal
{
               font-family: Journal, sans-serif;
}

Open in new window


I think the CSS is ok, and so I am suspecting that the EOT file I downloaded from Font Squirrel might be corrupted.  Does anyone know how I can check this?
0
OmniUnlimited
Asked:
OmniUnlimited
  • 3
  • 2
1 Solution
 
Dave BaldwinFixer of ProblemsCommented:
I just downloaded that font from Font Squirrel and used the demo.html page to verify that it does work properly in IE8.  Look at the files that came with it.  You will see that the name of the font in the CSS is 'JournalRegular', not just 'Journal'.
0
 
Jagadishwor DulalBraces MediaCommented:
Try using single quote
@font-face 
{
	font-family: 'Journal';
	src: url('fonts/journal-webfont.eot');
	src: url('fonts/journal-webfont.woff') format('woff'), url('fonts/journal-webfont.ttf') format('truetype'), url('fonts/journal-webfont.svg#journal') format('svg');
}

.journal
{
               font-family: 'Journal', sans-serif;
}
             

Open in new window

0
 
OmniUnlimitedAuthor Commented:
Hello Experts!

And thank you for your replies and kind assistance.

@DaveBaldwin: I'm sorry, where did you see and use this demo.html page?

@jagadishdulal: Single quotes have no effect.
0
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 
Dave BaldwinFixer of ProblemsCommented:
I got it from Font Squirrel in the web-font download package.  Go to http://www.fontsquirrel.com/fonts/Journal , click on the Webfont Kit tab and then on the blue button that says 'Download@font-face kit'.  When you unzip it, there is a demo.html page and a CSS file to go with it.  It works as it is without any changes in all browsers.
0
 
OmniUnlimitedAuthor Commented:
As Homer Simpson says, "Duoh!"

I didn't even notice the demo.html file when I downloaded the Webfont Kit.  Thanks DaveBaldwin, you saved me again.
0
 
Dave BaldwinFixer of ProblemsCommented:
You're welcome, thanks for the points.
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now