html - Fonts are not working in IE -
code :
@font-face { font-family: 'gothamrnd-medium'; src: url('about/fonts/gothamrnd-medium/gothamrnd-medium.eot'); src: url('about/fonts/gothamrnd-medium/gothamrnd-medium.eot?#iefix') format('embedded-opentype'), url('about/fonts/gothamrnd-medium/gothamrnd-medium.woff') format('woff'), url('about/fonts/gothamrnd-medium/gothamrnd-medium.ttf') format('truetype'), url('about/fonts/gothamrnd-medium/gothamrnd-medium.svg#gothamrnd-medium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'archerbolditalic'; src: url('about/fonts/archer-boldital/archer-boldital.eot'); src: url('about/fonts/archer-boldital/archer-boldital.eot?#iefix') format('embedded-opentype'), url('about/fonts/archer-boldital/archer-boldital.woff') format('woff'), url('about/fonts/archer-boldital/archer-boldital.ttf') format('truetype'), url('about/fonts/archer-boldital/archer-boldital.svg#archerbolditalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_novalight'; src: url('about/fonts/proximanova-light/proximanova-light-webfont.eot'); src: url('about/fonts/proximanova-light/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'), url('about/fonts/proximanova-light/proximanova-light-webfont.woff') format('woff'), url('about/fonts/proximanova-light/proximanova-light-webfont.ttf') format('truetype'), url('about/fonts/proximanova-light/proximanova-light-webfont.svg#proxima_novalight') format('svg'); font-weight: normal; font-style: normal; }
i have embedded 3 fonts. out of 3 fonts 'proxima_novalight' font working in ie8 other 2 fonts not working. checked code didn't find solution. working fine in other browsers. idea guys ?
if ie8 throws css3111: @font-face encountered unknown error, have non-matching font-family name problem.
to resolve this, need edit font file, define identical names fontname, family name , name humans , export ttf. can done using fontforge application. afterwards, again convert web (eot, woff).
@font-face { font-family: 'portagoitc-tt'; src: url('fonts/portagoitc-tt.eot'); src: url('fonts/portagoitc-tt.eot?iefix') format('opentype'), url('fonts/portagoitc-tt.woff') format('woff'), url('fonts/portagoitc-tt.ttf') format('truetype'); font-weight: normal; font-style: normal; }
please check further details
Comments
Post a Comment