Changing font size in browser

How do you create text on the web page that can be changed in size by the viewer in his browser by using his change size button?

Simple text I create in Frontpage and Word XP doesn't seem to allow this to happen. It just stays the size set when authored.
jhintAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

avnerCommented:
It depends on the code. FrontPage and word generates a code with CSS font-size defines. if you remove all the font settings (font-size, or font) you will then be able to change the font size with the browser charachter settings.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
avnerCommented:
It depends on the code. FrontPage and word generates a code with CSS font-size defines. if you remove all the font settings (font-size, or font) you will then be able to change the font size with the browser charachter settings.
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

ActiveMediaCommented:
You can of course provide different CSS stylesheets (with small, medium and large font sizes) and switch between them using a JavaScript function that is activated by a click of a button that JS displays on each page.

I find this very useful for group training events (small for printing, medium for individual PC screens, large for whole-group data projector).

This approach is more work but gives you MUCH more control of the displays NOT just font-size.

<script language="JavaScript">
document.write('<form><input type=button name=changeSize value="Change text size" onClick="cycleCSS()"></form>');

function cycleCSS() {
   currentCSS=document.styleSheets[0].href;
   if (currentCSS=='small.css') {
      document.styleSheets[0].href='medium.css'
      document.forms[0].changeSize.value='Medium --> Large text';
   }
   if (currentCSS=='medium.css') {
      document.styleSheets[0].href='large.css'
      document.forms[0].changeSize.value='Large --> Small text';
   }
   if (currentCSS=='large.css') {
      document.styleSheets[0].href='small.css';
      document.forms[0].changeSize.value='Small --> Medium text';
   }
}
</script>

See URL below for example of use:

http://www.active-media-solutions.co.uk/international/listitems2.asp


HTH
0
jhintAuthor Commented:
Thanks. I now have to ask another question. Perhaps it should be a new entry in the system or just an extentsion to this question. But in any case - how do I rid my web page of style sheet code?  I tried the Remove formatting options in Word and Frontpage but they didn't work.  For some reason they don't seem to regard style sheets as formatting?!?!!?

I hope I don't have to do it manually.  Can I set the programs to NOT insert style sheet codes in the first place?
0
avnerCommented:
I am not familier with FrontPage and therefore cannot answer, sorry.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Fonts Typography

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.