CSS controlled font sizes

gilamo
Limited Member

Posts: 6

« on: November 21, 2006, 08:39:21 AM »

I want to eliminate all the font tags in my html and set them in CSS. I know how to do heading tags, but I want to know how to replace the "strong", "small", and "big" commands and put them into an external style sheet. (?) Thanks in advance!
The KerrBear


	Report to moderator Logged

SensoVision
Administrator
Veteran

Posts: 5 857

I'm proud user of Debian GNU/Linux OS

Re: CSS controlled font sizes

« Reply #1 on: November 23, 2006, 12:13:26 AM »

Hi Gilamo, I don't know any straightforward way to replace these tags, but if I had to use such tags I would use following font properties, check out this sample HTML code:

Code:

plain text 
<big>big</big> / <bg style="font-size: 115%; ">big style</bg> 
strong / <stg style="font-weight: bold; ">strong style</stg> 
small / <sml style="font-size: 85%; ">small style</sml>

At least in my browser text sized by tags and style sheet is same.
Regarding your second question you can do it in several ways, I personally would create a tag in external CSS stylesheet and would use this tag in page, like this:

Code: (example.css)

bg {font-size: 115%;}
stg {font-weight: bold;}
sml {font-size: 85%;}

Code: (example.html)

<html>
<head>
</head>
<body>

<link rel="stylesheet" type="text/css" href="example.css" >
plain text 
<big>big</big> / <bg>big style</bg> 
strong / <stg>strong style</stg> 
small / <sml>small style</sml>
</body>
<html>

Let me know if it's what you were looking for.


	Report to moderator Logged

Denis

gilamo
Limited Member

Posts: 6

Re: CSS controlled font sizes

« Reply #2 on: November 25, 2006, 05:26:40 PM »

I used instead. I used this in the external style sheet:

span.small { font-family: TimesNewRoman,sans-serif;
 font-size: 10px;
 font-weight: normal; }
span.strong { font-family: TimesNewRoman,sans-serif;
 font-size: 16px;
 font-weight: bold; }
span.big { font-family: TimesNewRoman,sans-serif;
 font-size: 18px;
 font-weight: bold; }

I used this in the html code on the page:

small text

It validates and works well. Thank you for the alternative suggestion!
Gilamo


	Report to moderator Logged

Pages: [1]


Webmaster Key Forums Webmaster Corner Site Design and Web Authoring CSS controlled font sizes