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

font face not working in ie8 expected


Comments

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -