GoFuckYourself.com - Adult Webmaster Forum - View Single Post

harvey · 03-17-2012, 03:41 PM

Quote:

Originally Posted by NBHNC

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?

IE is a nightmare, not matter what build. Anyway, I think the issue is you NEED to define whether you use serif, sans-serif, cursive or whatever your font is. Also, IE8 and older likes to have every element redundantly defined, so many times styling the body won't work, but you'll need to style h1, h2, p, whatever