CODEWITHSUNDEEP
cssinternet-explorer-9font-face
user1697399
user1697399

Reputation: 1

How to work with custom css fonts?

I'm trying to use a custom CSS font on an Intranet website I'm working on but internet Explorer ignores it.

Can any one help me?

@font-face {
  font-family: "samaritans-webfont";
  font-style: normal;
  font-weight: normal;
  src:url("/smresources/fonts/samaritans-webfont.eot?iefix") format("embedded-opentype"), 
  url("/smresources/fonts/samaritans-webfont.woff") format("woff"), 
  url("/smresources/fonts/samaritans-webfont.ttf") format("truetype"), 
  url("/smresources/fonts/samaritans-webfont.svg#samaritans-webfont") format("svg");
}

Upvotes: 0

Views: 559

Answers (2)

Dipak
Dipak

Reputation: 12190

If you are on IE9 then -

When @font-face is used on an IIS server, IE9 users may not see the font. This can be solved in two ways. 1) Add the WOFF format to the list of MIME types. or 2) change the format('eot') portion to format('embedded-opentype'). Either one will solve issues with IE9.

The New Bulletproof @Font-Face Syntax

Upvotes: 1

Ryan McDonough
Ryan McDonough

Reputation: 10012

Depending on your version of IE there is varying support.

Note: http://caniuse.com/#feat=fontface If you see that you can see support for different versions of IE varies, so if your on IE 6 you will need extra hacks to get web fonts working.

Upvotes: 0

Related Questions