Home > Not Working > Ie9 Font Face Not Working

Ie9 Font Face Not Working


The .eot file is in the same directory as the css as recommended. but error on iis6. Checked the MIME type and it is application/octet-stream. Works in IE6-9, Firefox 3-4, Chrome, Safari, Android, iPhone. @font-face { font-family: 'Museo'; src: url('/ui/museo300.eot?') format('eot'), url('/ui/museo300.ttf') format('truetype') } Becomes: @font-face { font-family: 'Museo'; src: url('/ui/museo300.eot?') format('embedded-opentype'), url('/ui/museo300.ttf') format('truetype') } share|improve have a peek at this web-site

Some developers do this to compress their CSS, but it will choke the CSS processor in IE.This was based on anecdotal evidence and may be incorrect. The font format "woff2" is supported. share|improve this answer answered Nov 11 '12 at 2:31 Dan Stern 1,07251933 2 You, sir, are a mighty GENIUS. A Web Design and Development Community.

Ie9 Font Face Not Working

Works great! Turns out I was missing a comma in the font-family declaration. asked 3 years ago viewed 7522 times active 3 years ago Upcoming Events 2016 Community Moderator Election ends in 9 days Get the weekly newsletter! Not the answer you're looking for?

  • Seems like IE9 is using the .woff version of the font (which I had excluded) over the .eot that I thought it would.
  • Help needed!
  • I've just created an ad-hoc SVG path parser in order to draw them on canvas.
  • Unicode range values are written by using hexadecimal values and are case insensitive.
  • This documentation is archived and is not being maintained. @font-face rule Sets a font to embed in the HTML document.
  • Subscribed!
  • It seems that it's all working fine when I go to directly; looking at the site on that location, it's all working now.

thorst commented Aug 14, 2012 I had to change font-awesome.css From: src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg'); To: src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg'); zanedev In my case the problem is IIS 6. This will cause IE9 to load the EOT file instead of the WOFF. Font Family Not Working In Ie On Tate's "Endomorphisms of Abelian Varieties over Finite Fields", sketch of proof of main result?

All other sites running never had any issues. Ie9 Woff Whitespace before or after commas is ignored. mmmpie commented Aug 14, 2012 I've been dealing the same problem this morning. Arial seems to be the displayed font.

Are you pointing to the correct directory? Css3111: @font-face Encountered Unknown Error. On our staging server someone had added a wildcard mapping which served files as application/octet-stream, but that mapping was not in our production server. That led me to try something. Log in or register to post comments Comment #5 doomed CreditAttribution: doomed commented May 20, 2011 at 12:36pm Hi, Whats the status on this?

Ie9 Woff

Web Platform API Reference Cascading Style Sheets At-rules At-rules @font-face @font-face @font-face @charset @font-face @import @media @keyframes @-ms-viewport @namespace @page @supports TOC Collapse the table of content Expand the table of robertj98 commented Aug 14, 2012 thorst - thanks - that seems to fix it for me. Ie9 Font Face Not Working IIS 6 has mime types for eot and rtf files already, but not woff. @font-face Not Working In Ie11 I had original file on OTF and then converted using .

duncansmart commented Aug 7, 2012 If you're serving static content from a CDN, IE9 may be failing to load the web fonts due to cross-origin issues. Please click the link in the confirmation email to activate your subscription. Syntax @font-face { Font-Description } Parameters Font-Description String that specifies one or more of the following descriptors: ValueMeaning font-family:fontFamilyName A valid font-family property value. duncansmart commented Aug 7, 2012 @robertj98 All I know is that I'm not seeing any issues now with IE9, so I doubt the files themselves are the issue. Ie11 Woff

How did you get that error to display? sounds stupid, but works for me.. I've never had issues with IE7+ using this. Source Thanks zanedev commented Oct 28, 2013 use a cdn for the font files, seems to have fixed it for us.

When changing Document Mode (F12 dev tools) font works. Eot Font It does not serve files without a mime type. As of Internet Explorer for Windows Phone 8.1 Update, Internet Explorer on Windows Phone allows cross-origin font loading regardless of access control headers for improved compatibility with existing sites.

davegandy closed this Jan 2, 2013 This was referenced Jan 2, 2013 Closed Update css/font-awesome.css to fix issue 374 #439 Closed FontAwesome (possibly access-control-allow-origin issue) cdnjs/cdnjs#750 shweta612 commented Feb 14, 2013

share|improve this answer answered Feb 6 '12 at 16:13 Дмитрий Погодаев 311 add a comment| up vote 2 down vote Well since you've edited your post the below text won't be This feature enables you to use specific fonts that might not be available on your local system. share|improve this answer edited May 20 '13 at 19:02 Andre Silva 2,85592245 answered May 20 '13 at 18:26 sshanky 163 add a comment| up vote 0 down vote You should check @font-face Failed Opentype Embedding Permission Check. Permission Must Be Installable. Register Post New Thread Tips Use a live demo tool like CodePen to demonstrate problems.

You merely need to change format(‘eot’) to format(‘embedded-opentype’). So anyways, it's working for now, even though there's other things that's not that great. muloka commented Aug 28, 2012 Thorst that worked for me as well. have a peek here This explains why: How does ?#iefix solve web fonts loading in IE6-IE8? @font-face { font-family: 'CalibriRegular'; src: url('fonts/calibri.eot'); src: url('fonts/calibri.eot?#iefix') format('embedded-opentype'), url('fonts/calibri.woff') format('woff'), url('fonts/calibri.ttf') format('truetype'), url('fonts/calibri.svg#CalibriRegular') format('svg'); } share|improve this answer

fontawesome-webfont.ttf See - you need to add the Access-Control-Allow-Origin: * HTTP header to the font files served from the CDN. Just change the format of the .eot to embedded-opentype like Chris did. I'll do some more testing tomorrow. Bochner's formula on surfaces using moving coframes My cat sat on my laptop, now the right side of my keyboard types the wrong characters How to prove that authentication system works,

regardless, I've put a link to test on IE9 Mobile with version suggested by zanedev ... and client is IE10 in Win8 if open website on iis7 is fine. What is the point of update independent rendering in a game loop? I'd suggest using instead.

Hotels on the Las Vegas strip: is there a commitment to gamble? I doubt it but follow the layout exactly as displayed by Tobias and it should all work out fine! –DanC Jan 12 '11 at 11:29 2 try this with smiley, Here are the first lines of my CSS file: @font-face {font-family: 'TekniaGreekRegular';
src: url('tekniagreek-webfont.eot');
src: url('tekniagreek-webfont.eot?#iefix') format('embedded-opentype'),
url('tekniagreek-webfont.woff') format('woff'),
url('tekniagreek-webfont.ttf') format('truetype'),
url('tekniagreek-webfont.svg#TekniaGreekRegular') format('svg');
font-weight: normal;