★ wanayoo — archive 1999 http://www.devshed.com/Talk/Forums/Forum16/HTML/000067.htmlNouvelle recherche | Portail wanayoo
DevShed Menu
* DevShed Home
* Developer News
* DevShed Brain Dump




UBBFriend: Email This Page to Someone!
  DevShed Discussion Forums
  Beginners
  CSS to overide large fonts!?!?!

Post New Topic  Post A Reply
profile | register | preferences | faq | search

next newest topic | next oldest topic
Author Topic:   CSS to overide large fonts!?!?!
stubbed_toe
Junior Member
posted June 28, 2000 10:33 AM     Click Here to See the Profile for stubbed_toe   Click Here to Email stubbed_toe     Edit/Delete Message Reply w/Quote
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

jcbell
Junior Member
posted July 01, 2000 10:30 PM     Click Here to See the Profile for jcbell   Click Here to Email jcbell     Edit/Delete Message Reply w/Quote
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.

firepages
Member
posted July 02, 2000 04:55 AM     Click Here to See the Profile for firepages   Click Here to Email firepages     Edit/Delete Message Reply w/Quote
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

Pepe
Member
posted July 08, 2000 05:42 PM     Click Here to See the Profile for Pepe     Edit/Delete Message Reply w/Quote
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).]

firepages
Member
posted July 08, 2000 09:26 PM     Click Here to See the Profile for firepages   Click Here to Email firepages     Edit/Delete Message Reply w/Quote
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

All times are MST (US)

next newest topic | next oldest topic

Administrative Options: Close Topic | Archive/Move | Delete Topic
Post New Topic  Post A Reply
Hop to:

Contact Us | DevShed.com

Copyright © 1997-2000 ngenuity. All rights reserved.

Powered by: Ultimate Bulletin Board, Version 5.41a
© Infopop Corporation (formerly Madrona Park, Inc.), 1998 - 1999.