Font not correctly displaying in Internet Explorer using the css property @font-face
- by Roland
I'm trying to render a font using the css property @font-face , in Firefox, Chrome and Opera it works fine, but within Internet Explorer is just does not want to display correctly, and reverts back to another standard font.
My code looks as follows
@font-face {
font-family: "swatch";
src: url("../../fonts/swatch.eot"); /* IE */
src: url("../../fonts/swatch.ttf") format("truetype");
}
.header_text1{
font-family: "swatch";
font-size: 78px;
text-align:center;
color: #ffffff;
padding-top: 50px;
}
Am I doing something wrong here?
