**Ultimater** · 01-05-2006 08:26 PM

I know the FONT tag is depreciated and I hate using it when compaired to the SPAN tag and CSS.
However, I always find myself correting others to use the SPAN tag and CSS instead of their FONT tags.
When I find close but not exact replacements, they insist upon the FONT tag...

From yahoo.com, I learned how to replace font size="2" with the correct font-size.

Code:

<font size="2">

Code:

<span style="font-size:84%/1.2em">

Now, what if the font size is "3", what would it look like using a SPAN tag and CSS?

**David Harrison** · 01-05-2006 09:03 PM

Unfortunately, is always the same size, no matter where you use it. is not.

**NogDog** · 01-06-2006 12:03 AM

is the same as .

Code:

size    font-size
----    ---------
  1     xx-small
[n/a]   x-small
  2     small
  3     medium
  4     large
  5     x-large
  6     xx-large
  7     [n/a]

**Ultimater** · 01-06-2006 12:03 AM

My bad, I meant not 

Here, try this in IE and Firefox:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title></title>
<style type="text/css">
body {background-color: #CCCCCC; color:black; font-family:verdana,arial,sans-serif;}
</style>
</head>
<body>
<div style="font-size:84%/1.2em;">These texts should be the same size.</div>
<p><font size="3">These texts should be the same size.</font></p>
</body>
</html>

**Ultimater** · 01-06-2006 12:08 AM

Originally Posted by NogDog

is the same as .

Code:

size    font-size
----    ---------
  1     xx-small
[n/a]   x-small
  2     small
  3     medium
  4     large
  5     x-large
  6     xx-large
  7     [n/a]

Awesome, thanks NogDog! I won't stand up for another FONT tag again!

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title></title>
<style type="text/css">
body {background-color: #CCCCCC; color:black; font-family:verdana,arial,sans-serif;}
</style>
</head>
<body>
<p><span style="font-size:medium;">These texts should be the same size.</span></p>
<p><font size="3">These texts should be the same size.</font></p>
</body>
</html>

**David Harrison** · 01-06-2006 01:52 AM

What are you using for when you have a perfectly good sitting right there?

Thread: <font size="2"> <span style="font-size:84%/1.2em">

Thread Tools

Display

<font size="2"> <span style="font-size:84%/1.2em">

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions