css - Custom fonts not rendering in IE8 or IE7 -
my custom fonts not render in ie7 or ie8. getting crazy trying figure out went wrong. here css code
@font-face { font-family: 'neutratextdemi'; src: url('customfonts/neutratext-demi.eot'); src: url('customfonts/neutratext-demi.eot?#iefix') format('embedded-opentype'), url('customfonts/neutratext-demi.woff') format('woff'), url('customfonts/neutratext-demi.ttf') format('truetype'), url('customfonts/neutratext-demi.svg#neutratextdemi') format('svg'); }
you notice difference if open file in let's chrome , ie8. went through other stack overflow issues , solutions. can't seem solve @ all.
in internet explorer 8 , earlier, url must point embedded opentype (eot) file (.eot or .ote format). no other font formats supported.
i used arialblack.ttf for below sample:
/* generated font squirrel (http://www.fontsquirrel.com) on august 26, 2013 */
@font-face { font-family: 'arialblack'; src: url('ariblk-webfont.eot'); src: url('ariblk-webfont.eot?#iefix') format('embedded-opentype'), url('ariblk-webfont.woff') format('woff'), url('ariblk-webfont.ttf') format('truetype'), url('ariblk-webfont.svg#arialblack') format('svg'); font-weight: normal; font-style: normal; }
you may want read solution
Comments
Post a Comment