I have noticed on some sites that there are three 'A's in a top corner. One small, medium and large. When you click on the letter it either enlarges or reduces the size of the font on the screen.

How do I add this functionality to my site?

http://www.alistapart.com/articles/bodyswitchers

for each style sheet change the text size

hope that helps

You don't even need Javascript to allow users the ability to resize the text.

body {
font-size: (value)% or (value)em;
}

This will allow any user to adjust the font size without requiring a mouse. Much better than the stylesheet switcher IMHO.

Wanted to revive this thread to get opinions about the best way to incorporate user-controlled ability to increase or decrease font size. Many of my users won't know how to change font size from within their browser so I'll be including buttons that will allow them to do this.

I've found descriptions of ways to do it with javascript and ways with CSS. Both seem to require setting cookies if one wants the change to apply to other pages on the site and return visits from the same user (which I do).

I found a javascript solution here: http://bucarotechelp.com/design/jseasy/95052001.asp

I'm interested in comments on the relative pros and cons of the different ways of implementing this function.

Thanks,

Andrew