Solved

Journal Font in IE

Posted on 2013-06-18
6
603 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
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 
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

Best Practices: Disaster Recovery Testing

Besides backup, any IT division should have a disaster recovery plan. You will find a few tips below relating to the development of such a plan and to what issues one should pay special attention in the course of backup planning.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
A simple Float not working. 5 20
Border and image sizing 5 20
Change of column alignment in div 2 18
How to create a textarea which saves text in HTML 8 37
This article offers some helpful and general tips for safe browsing and online shopping. It offers simple and manageable procedures that help to ensure the safety of one's personal information and the security of any devices.
Today, still in the boom of Apple, PC's and products, nearly 50% of the computer users use Windows as graphical operating systems. If you are among those users who love windows, but are grappling to keep the system's hard drive optimized, then you s…
How to create a custom search shortcut to site-search Experts Exchange using Google in the Firefox browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch your Bookmark Menu: Press 'Ctrl +…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

803 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