From 2 days i trying to resolve this problem, In IE browsers @font-face is not working... ********************* @font-face{ font-family:NeoSansPro-Regular; src:url('../font/NeoSansPro-Regular.eot'); src:local('NeoSansPro-Regular'),url('../font/NeoSansPro-Regular.woff') format('woff'),url('../font/NeoSansPro-Regular.ttf') format('TrueType'); font-weight:normal; font-style:normal;} ********************** thanks in advance - Nagzii
Hi, Try adjusting your font-face declaration according to the following template: @font-face { font-family: 'MyWebFont'; src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('webfont.woff') format('woff'), /* Modern Browsers */ url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ } Code (markup):
Hi, I tried this way but not working for me. I paste my css code. @font-face { font-family: 'MyriadPro'; src: url('fonts/MyriadPro-Semi.eot'); src: url('fonts/MyriadPro-Semi.eot?#iefix') format('embedded-opentype'), url('fonts/MyriadPro-Semi.woff') format('woff'), url('fonts/MyriadPro-Semi.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MyriadProReg'; src: url('fonts/MyriadPro-Regular.eot'); src: url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/MyriadPro-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } body { font-size:14px; font-family:'MyriadPro'; } .demo{ font-family:'MyriadProReg'; }
Hi, I tried this way but not working for me. I paste my css code. @font-face { font-family: 'MyriadPro'; src: url('fonts/MyriadPro-Semi.eot'); src: url('fonts/MyriadPro-Semi.eot?#iefix') format('embedded-opentype'), url('fonts/MyriadPro-Semi.woff') format('woff'), url('fonts/MyriadPro-Semi.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MyriadProReg'; src: url('fonts/MyriadPro-Regular.eot'); src: url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/MyriadPro-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } body { font-size:14px; font-family:'MyriadPro'; } .demo{ font-family:'MyriadProReg'; }
im on the same boat too cant get IE read my css plz someone help this is a part of my css; @font-face { font-family: 'font/sf_proverbial_gothicregular'; src: url('font/sf_proverbial_gothic-webfont.eot'); src: url('font/sf_proverbial_gothic-webfont.eot?#iefix') format('embedded-opentype'), url('font/sf_proverbial_gothic-webfont.woff') format('woff'), url('font/sf_proverbial_gothic-webfont.ttf') format('truetype'), url('font/sf_proverbial_gothic-webfont.svg#sf_proverbial_gothicregular') format('svg'); font-weight: normal; font-style: normal; } #text1 {width: 217px;height: 88px;margin: auto;position: absolute;top: 632px;left: 235px} p0 {color:#000000;} p0 { font-family : font/sf_proverbial_gothicregular, Verdana, Arial, Sans-serif; font-size : 14px;}
Check this post here: http://css-tricks.com/snippets/css/using-font-face/ And here is another nice tool that will help you: http://www.fontsquirrel.com/tools/webfont-generator
What VERSION of IE? Could we see the REST of your code to verify that the problem isn't outside the code presented? Could we see the font files you are trying to use? Live page on which the problem is occurring? Is the problem isolated to local testing only? (that can often happen). You're not giving enough for anyone to provide meaningful help.
Sorry, but that's IE 5.0+ Like a lot of CSS3, this is stuff that IE has supported from the times when Nyetscape was still relevant... word-wrap? word-break? text-justify? text-overflow? @font-face? New in CSS3... supported as of IE 5 some decade and some change ago! You know, like how IE8 supports 'box-sizing' without any vendor prefixes, while Gecko and Webkit STILL need prefixes?