Been racking my brain for a few days with this issue and I have no clue what the fuck is going on.
Here's what I have
Code:
@font-face {
font-family:"Agency-FB";
src:url("../fonts/AgencyFB.TTF") format("truetype");
src:local("Agency FB"), url('../fonts/AgencyFB.TTF') format("truetype");
}
.navigation {
width:459px;
float:left;
font-family:"Agency-FB";
font-size:25px;
color:#fff;
text-align:right;
padding:10px 0;
}
It seems to work fine on Firefox and Chrome, but when I load up Internet Explorer, it uses some other default font.
So, I decided to use this-
Code:
<!--[if IE]>
<link href="css/ie.css" rel="stylesheet" type="text/css">
<![endif]-->
ie.css with Google fonts (similar looking font) since it worked in testing-
Code:
@font-face {
font-family: 'Voltaire';
font-style: normal;
font-weight: 400;
src: local('Voltaire'), url('http://themes.googleusercontent.com/static/fonts/voltaire/v3/ag0Q3_6hjQFerbCN2Eewq_esZW2xOQ-xsNqO47m55DA.woff') format('woff');
}
.navigation {
width:459px;
float:left;
font-family:"Voltaire";
font-size:25px;
color:#fff;
text-align:right;
padding:10px 0;
}
Now, this seems to work on one computer with IE9, but another with IE8, it still uses that default fucking font that I cant seem to change.
Do any of you have a clue on what is going on here? Is IE8 just that much of a pain in the asshole?