If, as part of a web design project, you encounter problems integrating a font type in Internet Explorer versions IE7 and IE8, while the font works correctly in other browsers, the issue may be caused by the order of the declarations in the CSS.
It is important here to address Internet Explorer first and then the other browsers (shown here using the OpenSans-Regular font; adjust the URL as required):
@font-face {
font-family: "OpenSans-Regular";
src: url('../fonts/OpenSans-Regular.eot');
src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans-Regular.ttf') format('truetype'),
url('../fonts/OpenSans-Regular.woff') format('woff');
