Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Journal Font in IE

Posted on 2013-06-18
6
Medium Priority
?
627 Views
Last Modified: 2013-06-19
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
Comment
Question by:OmniUnlimited
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
6 Comments
 
LVL 84

Expert Comment

by:Dave Baldwin
ID: 39258613
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
 
LVL 15

Expert Comment

by:Jagadishwor Dulal
ID: 39259758
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
 
LVL 17

Author Comment

by:OmniUnlimited
ID: 39260195
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
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.

 
LVL 84

Accepted Solution

by:
Dave Baldwin earned 2000 total points
ID: 39260270
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
 
LVL 17

Author Closing Comment

by:OmniUnlimited
ID: 39260285
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
 
LVL 84

Expert Comment

by:Dave Baldwin
ID: 39260316
You're welcome, thanks for the points.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
This Micro Tutorial will demonstrate how to add subdomains to your content reports. This can be very importing in having a site with multiple subdomains.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses

715 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question