Font

The application that I am developing may be run by the disabled. They need to view larger fonts.

I am having this problem - when IE fonts change, the fonts in my application do not change accordingly. How do I modify the code in my stylesheet to fix the problem? Thanks a lot in advance.

Originally posted by JiaPei Jen:
How do I modify the code in my stylesheet to fix the problem?

Hard to say without seeing what the code is. Generally, don't use absolute font sizes.

Yeah. The disabled users may change the font size in their IE browser to view the application.

I can see that I am using some absolute font-size in my stylesheet (part of my stylesheet is show below). What modification should I do so that the application font size changes in accordance with that in the IE browser?

TD
{
    FONT-SIZE: 10pt;
}
TD.Navigation
{
FONT-FAMILY:Arial;
}
TD.Data
{
FONT-FAMILY:Arial;
PADDING-RIGHT:10px;
}
TD.RecordNumber
{
FONT-FAMILY:Arial;
FONT-WEIGHT: bold;
}
TD.Tab
{
FONT-FAMILY:Tahoma,Arial;
FONT-SIZE:11px;
}
TD.provider
{
padding-right:15px;
}
TABLE.Data
{
FONT-FAMILY:Arial;
MARGIN-LEFT:20px;
MARGIN-RIGHT:20px;
}
TD.category
{
padding-left:4px;
padding-top:2px;
padding-bottom:2px;
font:bold 8pt;
color:#FFFFFF;
cursor :mrgreen: efault;
}
li
{
list-style-type: square;
}
li.red
{
list-style: url(/images/bullet/redsquare.gif);
}
H1
{
    COLOR: #003366;
    FONT-FAMILY: Tahoma, Arial, Helvetica;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 0px;
    MARGIN-TOP: 0px
}
H2
{
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 0px;
    MARGIN-TOP: 0px
}
H3
{
    FONT-FAMILY: Arial, Helvetica;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 10px;
    MARGIN-TOP: 15px;
    WIDTH: 100%;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    PADDING-TOP: 7px;
    PADDING-BOTTOM: 0px;
    COLOR: #0033CC;
    BORDER-TOP: 2px SOLID #0033CC;
}
LABEL
{
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica;
    FONT-SIZE: 10pt;
    MARGIN-TOP: 5px
}
.titleOLD
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: white;
    BACKGROUND-COLOR: #003261;
    TEXT-ALIGN: center
}

use em instead