Solved

How to use @font-face in IE?

Posted on 2010-09-21
5
537 Views
Last Modified: 2012-05-10
Hello, here is my code:

@font-face {
      font-family: blackjack;
      src: url('fonts/blackjack.eot');
      src: url('fonts/black_jack.ttf') format('truetype');
}

but this wont work in IE, but it will in Firefox.  This works in IE though:

@font-face {
      font-family: blackjack;
      src: url('fonts/blackjack.eot');
}

but then, obviously, it will not show in Firefox, or other browsers.  Can someone please let me know how to fix this?
0
Comment
Question by:FairyBusiness
[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
  • 2
  • 2
5 Comments
 
LVL 1

Accepted Solution

by:
Funcod earned 500 total points
ID: 33727753
try this:

@font-face {
  font-family: 'blackjack';
  src: url('fonts/blackjack.eot');
  src: local('¿'),
         url('fonts/black_jack.ttf') format('truetype');
}
0
 

Author Comment

by:FairyBusiness
ID: 33727765
why put the local?? and what is this ('?')

I dont know how to make an up-side-down question mark. . . just curious!
0
 
LVL 1

Expert Comment

by:Funcod
ID: 33727798
replace the ¿ by the smiley (alt+1 if you are on windows)

check this url for info:
http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/
0
 
LVL 3

Expert Comment

by:daddotnet
ID: 33727812
@font-face{ /* for IE */
font-family:MyFont;
src:url(myfont.eot);
}
@font-face { /* for non-IE */
font-family:MyFont;
src:url(http://:/) format("No-IE-404"),url(myfont.ttf) format("truetype");
}

-DdN
0
 

Author Comment

by:FairyBusiness
ID: 33728083
thank you
0

Featured Post

Industry Leaders: 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

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…
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

752 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