Lively discussions on the graphic arts and publishing — in print or on the web

dthomsen8 · 02-24-2006, 10:33 AM

Once again I am trying to convert old HTML code with tags to CSS.

I am trying to get the code using CSS to look like the code using tags in the browsers, especially IE6 and FF1.51. My current problem is with font sizes. I tried to compare font sizes 5 and 6 with equivalents in CSS using px values. The code below shows my test. The images below show that the result in MSIE6 (shown first) is different from Firefox 1.51 (shown second).

Identical code in Dreamweaver MX is shown by the two browsers.

Hmmmm.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Font sizes</title>

<style>
.caption {
font-size: 32px; font-family: Arial black;
color: black;
font-weight: normal;
}

.captable {
font-size: 24px; font-family: Georgia;
color: black;
font-weight: normal;
}

</style>

</head>
<body>

 
Font Georgia, 5T
TCSS Georgia 32px



Font Arial black, 6T
TCSS Arial black 24px

</body>
</html>

02-24-2006, 10:33 AM	#1
dthomsen8 Member Join Date: Aug 2005 Location: Philadelphia, PA 19130 Posts: 2,158	Font Sizes in <font> or CSS Once again I am trying to convert old HTML code with <font> tags to CSS. I am trying to get the code using CSS to look like the code using <font> tags in the browsers, especially IE6 and FF1.51. My current problem is with font sizes. I tried to compare font sizes 5 and 6 with equivalents in CSS using px values. The code below shows my test. The images below show that the result in MSIE6 (shown first) is different from Firefox 1.51 (shown second). Identical code in Dreamweaver MX is shown by the two browsers. Hmmmm. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Font sizes</title> <style> .caption { font-size: 32px; font-family: Arial black; color: black; font-weight: normal; } .captable { font-size: 24px; font-family: Georgia; color: black; font-weight: normal; } </style> </head> <body> <p> <font color="#0000ff" face="Georgia" size="5"> Font Georgia, 5T</font> <span class="captable">TCSS Georgia 32px</span> </p> <p> <font color="#0000ff" face="Arial Black" size="6"> Font Arial black, 6T</font> <span class="caption">TCSS Arial black 24px</span> </p> </body> </html> Attached Thumbnails

Thread Tools
Show Printable Version Email this Page
Display Modes
Switch to Linear Mode Switch to Hybrid Mode Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Actual browser sizes (maybe)	ktinkel	Web Design	21	03-15-2007 12:57 PM
Font site, Flash movie, free font	ktinkel	Fonts & Typography	2	12-03-2006 01:17 PM
Larger Font/Smaller Font JavaScripts	dthomsen8	Web Site Building & Maintenance	6	09-25-2006 03:51 AM
Font "activation" by font managers	lindaniel	Fonts & Typography	5	07-02-2005 11:39 AM
Font Management: Font Agent Pro	michelen	Fonts & Typography	13	03-25-2005 10:25 AM