1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

@font-face not working in IE browsers

Discussion in 'CSS' started by Nagzii, Apr 3, 2012.

  1. #1
    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
     
    Nagzii, Apr 3, 2012 IP
  2. nemanja.todic

    nemanja.todic Well-Known Member

    Messages:
    69
    Likes Received:
    4
    Best Answers:
    1
    Trophy Points:
    130
    #2
    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):
     
    nemanja.todic, Apr 7, 2012 IP
  3. anandselvaraj83

    anandselvaraj83 Greenhorn

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #3
    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';
    }
     
    anandselvaraj83, Feb 14, 2013 IP
  4. anandselvaraj83

    anandselvaraj83 Greenhorn

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #4
    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';
    }
     
    anandselvaraj83, Feb 14, 2013 IP
  5. frankmust

    frankmust Member

    Messages:
    28
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    28
    #5
    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;}
     
    frankmust, Feb 28, 2013 IP
  6. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #6
    CSM, Mar 2, 2013 IP
  7. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,998
    Best Answers:
    253
    Trophy Points:
    515
    #7
    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.
     
    deathshadow, Mar 3, 2013 IP
  8. xXxpert

    xXxpert Well-Known Member

    Messages:
    604
    Likes Received:
    34
    Best Answers:
    9
    Trophy Points:
    165
    Digital Goods:
    7
    #8
    i think @font-face supports IE9+
     
    xXxpert, Mar 3, 2013 IP
  9. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,998
    Best Answers:
    253
    Trophy Points:
    515
    #9
    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?
     
    deathshadow, Mar 3, 2013 IP