I want to give my page viewers the option of increasing the font size on our webpage.

Example: http://www.michaeljfox.org/ top left where it says Text Size A/A

I tried to look at the source code and figure it out, but no luck. I think it involves linking to a second stylesheet. Does anyone know how to accomplish this or know a tutorial that explains it?

Thanks,

Alex

If your website is dynamic, you can do it using cookies & 2 or 3 (or more) stylesheets. I think this might be more widely accepted than a javascript approach.

I did this on a site a couple years ago & it worked out well. I changed the width of the template with the text size so that things grew in proportion to the text size.

Likely the "best" way to do it is to let users choose their own font sizes by not declaring it in your css file. However, I don't suspect that a lot of people know that they can modify the size of website text in their browser, depending on the topic of your website.

There's some pretty good results here for how to do this with Javascript, though I don't know much about the code, but you might be able to pick something out that will work for you:

http://www.google.com/search?hl=en&q...=Google+Search