Internet Explorer does not recognize your .ttf (TrueType) or .otf (OpenType) font in CSS3, at least not yet. IE recognizes .eot (Embeddable Open Type).
@font-face { font-family: 'MyWebFont'; src: url('webfont.eot'); src: url('webfont.eot?#iefix') format('embedded-opentype'), url('webfont.woff') format('woff'), url('webfont.ttf') format('truetype'), url('webfont.svg#svgFontName') format('svg'); }
Take a look here
source share