Welcome to the GoFuckYourself.com - Adult Webmaster Forum forums.

You are currently viewing our boards as a guest which gives you limited access to view most discussions and access our other features. By joining our free community you will have access to post topics, communicate privately with other members (PM), respond to polls, upload content and access many other special features. Registration is fast, simple and absolutely free so please, join our community today!

If you have any problems with the registration process or your account login, please contact us.

Post New Thread Reply

Register GFY Rules Calendar
Go Back   GoFuckYourself.com - Adult Webmaster Forum > >
Need some CSS help! Need some CSS help!
Discuss what's fucking going on, and which programs are best and worst. One-time "program" announcements from "established" webmasters are allowed.

 
Thread Tools
Old 03-17-2012, 08:49 AM   #1
NBHNC
Confirmed User
 
Industry Role:
Join Date: Feb 2012
Posts: 130
:mad Need some CSS help!
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?
NBHNC is offline   Share thread on Digg Share thread on Twitter Share thread on Reddit Share thread on Facebook Reply With Quote
Old 03-17-2012, 10:04 AM   #2
potter
Confirmed User
 
Industry Role:
Join Date: Dec 2004
Location: Denver
Posts: 6,559
IE8 only accepts .eot font files. To be truly cross browser compatible you need this declaration of files.

Code:
@font-face {
    font-family: 'SansLight';
    src: url('OpenSans-Light-webfont.eot');
    src: url('OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Light-webfont.woff') format('woff'),
         url('OpenSans-Light-webfont.ttf') format('truetype'),
         url('OpenSans-Light-webfont.svg#CabinRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
__________________
potter is offline   Share thread on Digg Share thread on Twitter Share thread on Reddit Share thread on Facebook Reply With Quote
Old 03-17-2012, 11:04 AM   #3
NBHNC
Confirmed User
 
Industry Role:
Join Date: Feb 2012
Posts: 130
That doesn't seem to be working.

Also tried using
Code:
<!--[if lt IE 8]>
	<link rel="stylesheet" type="text/css" href="ie8.css" />
<![endif]-->
but that doesn't seem to be working either.
NBHNC is offline   Share thread on Digg Share thread on Twitter Share thread on Reddit Share thread on Facebook Reply With Quote
Old 03-17-2012, 12:20 PM   #4
NBHNC
Confirmed User
 
Industry Role:
Join Date: Feb 2012
Posts: 130
Bump before I drive myself any crazier trying to figure this out.
NBHNC is offline   Share thread on Digg Share thread on Twitter Share thread on Reddit Share thread on Facebook Reply With Quote
Old 03-17-2012, 01:33 PM   #5
moeloubani
Confirmed User
 
moeloubani's Avatar
 
Industry Role:
Join Date: Dec 2007
Location: Ontario
Posts: 4,235
check the path to your font files is right if youre doing the eot thing right
moeloubani is offline   Share thread on Digg Share thread on Twitter Share thread on Reddit Share thread on Facebook Reply With Quote
Old 03-17-2012, 01:43 PM   #6
barcodes
Confirmed User
 
barcodes's Avatar
 
Industry Role:
Join Date: Mar 2011
Location: Florida
Posts: 2,040
here is what I use on my site and it works on everything.
I took out the unnecessary stuff from the body tag.

Code:
@font-face {
    font-family: 'NewsCycleRegular';
    src: url('NewsCycle-Regular-webfont.eot');
    src: url('NewsCycle-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('NewsCycle-Regular-webfont.woff') format('woff'),
url('NewsCycle-Regular-webfont.ttf') format('truetype'),
url('NewsCycle-Regular-webfont.svg#NewsCycleRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	font: 14px/16px 'NewsCycleRegular', Arial, sans-serif;
	letter-spacing:0.8px;
}
You can go here and generate a font face kit with your own font http://www.fontsquirrel.com/fontface/generator.
You will get a css file i think and the web versions of the fonts.
They also have premade ones here http://www.fontsquirrel.com/fontface.

Best of luck
barcodes is offline   Share thread on Digg Share thread on Twitter Share thread on Reddit Share thread on Facebook Reply With Quote
Old 03-17-2012, 01:43 PM   #7
NBHNC
Confirmed User
 
Industry Role:
Join Date: Feb 2012
Posts: 130
Quote:
Originally Posted by moeloubani View Post
check the path to your font files is right if youre doing the eot thing right
It's definitely there.
NBHNC is offline   Share thread on Digg Share thread on Twitter Share thread on Reddit Share thread on Facebook Reply With Quote
Old 03-17-2012, 03:41 PM   #8
harvey
Confirmed User
 
harvey's Avatar
 
Industry Role:
Join Date: Jul 2001
Location: 127.0.0.1
Posts: 9,266
Quote:
Originally Posted by NBHNC View Post
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
__________________
This post is endorsed by CIA, KGB, MI6, the Mafia, Illuminati, Kim Jong Il, Worldwide Ninjas Association, Klingon Empire and lolcats. Don't mess around with it, just accept it and embrace the truth
harvey is offline   Share thread on Digg Share thread on Twitter Share thread on Reddit Share thread on Facebook Reply With Quote
Old 03-17-2012, 04:49 PM   #9
livexxx
Confirmed User
 
livexxx's Avatar
 
Industry Role:
Join Date: May 2005
Location: UK
Posts: 1,201
If you want to change how you or your engineers deal with CSS then you should also be looking longer term at something like http://compass-style.org/
Might take a sprint to fully get to grips with it, but great for velocity in future sprints
__________________
http://www.webcamalerts.com for auto tweets for web cam operators
livexxx is offline   Share thread on Digg Share thread on Twitter Share thread on Reddit Share thread on Facebook Reply With Quote
Post New Thread Reply
Go Back   GoFuckYourself.com - Adult Webmaster Forum > >
Need some CSS help! Need some CSS help!
« Previous Thread | Next Thread »

Bookmarks



Advertising inquiries - marketing at gfy dot com

Contact Admin - Advertise - GFY Rules - Top

©2000-, AI Media Network Inc



Powered by vBulletin
Copyright © 2000- Jelsoft Enterprises Limited.