CSS to overide large fonts!?!?!

Dev Shed Forums Sponsor:

June 28th, 2000, 11:33 AM

stubbed_toe

Junior Member

Join Date: Jun 2000

Posts: 1

Time spent in forums: < 1 sec
Reputation Power: 0

Hi,
I know lots of people have this problem: I've got a webpage put together which looks great with normal fonts, but gets all jumbled when viewed on a computer with large fonts.

I've read a lot of posts saying that you can overide the font setting with CSS and the important! tag, but i can't get this to work!

Is it possible to do this? if so, how?

any thoughts or insight would be greatly appriciated - i'm getting pretty frustrated...

thanks a lot!
alex

July 1st, 2000, 11:30 PM

jcbell

Junior Member

Join Date: Jun 2000

Posts: 14

Time spent in forums: < 1 sec
Reputation Power: 0

If your web page is getting jumbled on another person's pc with large font settings, it might be a sign that your web page has too much stuff on it....i.e. you might be trying to cram too much on the page. Break up the page into one or more pages with a main page which the surfer uses to navigate to/from. Many terrific web sites have simple uncomplicated html. There should be nothing wrong with normal fonts.
You can't please everyone, no matter how hard you try.

July 2nd, 2000, 05:55 AM

firepages

Contributing User

Join Date: Feb 2000

Location: Perth West Australia

Posts: 757

Time spent in forums: 4 h 18 m 32 sec
Reputation Power: 14

as an example - before your <body> tag - in or out of the <head> put

<style>
A.link{ color : #ff0000 ;
font-family : Arial,Century Gothic ;
font-size : 10pt;
text-decoration:underline;
}
A.bluelink{ color : #ff0000 ;
font-family : Arial,Century Gothic ;
font-size : 10pt;
text-align : justify ;
}

.smallred{ color : red;
font-family : Arial,Century Gothic ;
font-size : 8pt;
text-decoration:none;
}
.bigred{ color : #red ;
font-family : Arial,Century Gothic ;
font-size : 18pt;
text-decoration:none;
}
redbold{ color : #ff0000 ;
font-family : Arial,Century Gothic ;
font-size : 10pt;
font-weight: 600;
}
</style>

now in your html you can do this:
<font class="bigred">this will be in big red text</font>

or in a table <td class="redbold">this cell will be in bold red text</td>

a normal link - <a href=" etc etc
a blue link - <a class="bluelink" href=" etc etc

Ideally your styles should be kept in a seperate file, but play around with this for a bit and see how you go.

------------------
Simon Wheeler
FirePages -DHTML/PHP/MySQL

July 8th, 2000, 06:42 PM

Pepe

Contributing User

Join Date: Jun 2000

Posts: 71

Time spent in forums: < 1 sec
Reputation Power: 13

I have style properties in this CSS file:

A:link {
COLOR: #FFFFFF
}
A:visited {
COLOR: #FFFFFF
}
A:active {
COLOR: #00FFFF
}
A:hover {
COLOR: #00FFFF
}

I'm not using <font class...> anywhere in html, and it works.
How can I add style property for ordinary text ?

[This message has been edited by Pepe (edited July 08, 2000).]

July 8th, 2000, 10:26 PM

firepages

Contributing User

Join Date: Feb 2000

Location: Perth West Australia

Posts: 757

Time spent in forums: 4 h 18 m 32 sec
Reputation Power: 14

BODY {
font-family: Arial, Helvetica, sans-serif; color : #000000 ;
} etc etc

A.link/hover/etc are treated differently to your own classes ie .bigred where you need to assign the class.

------------------
Simon Wheeler
FirePages -DHTML/PHP/MySQL

CSS to overide large fonts!?!?!

Developer Shed Advertisers and Affiliates