Solved

Journal Font in IE

Posted on 2013-06-18
6
602 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
  • 3
  • 2
6 Comments
 
LVL 83

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
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
LVL 83

Accepted Solution

by:
Dave Baldwin earned 500 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 83

Expert Comment

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

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
HTML CSS 7 38
Retrieve response header - authorization bearer token 34 87
CSS Question 9 41
Firebug on Firefox 50 2 67
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
SSL stands for “Secure Sockets Layer” and an SSL certificate is a critical component to keeping your website safe, secured, and compliant. Any ecommerce website must have an SSL certificate to ensure the safe handling of sensitive information like…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
Excel styles will make formatting consistent and let you apply and change formatting faster. In this tutorial, you'll learn how to use Excel's built-in styles, how to modify styles, and how to create your own. You'll also learn how to use your custo…

929 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

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now