Font Sizer:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent tristique, pede a vehicula interdum, est metus cursus purus, vitae vestibulum lectus orci eget justo. Etiam ut nisi. Nullam tristique pede eget tortor. Nunc mauris diam, egestas in, convallis sit amet, vulputate non, justo. Etiam congue neque ac libero. In ut odio at sem blandit blandit. Etiam nec erat. Nulla dictum. Fusce nec turpis. Aliquam ornare diam a enim.

In quis ipsum. Phasellus luctus pede at velit. Phasellus at arcu at lorem pretium ornare. Aenean tortor odio, vulputate consequat, luctus nec, rutrum laoreet, justo. Etiam id diam in nisl vestibulum accumsan. Nam convallis enim nec massa. Morbi sit amet lorem. Duis urna dolor, cursus ac, tristique et, consequat quis, ante. Mauris at leo et elit mattis nonummy. Sed pellentesque. Pellentesque iaculis, leo sed auctor egestas, lacus libero iaculis mi, vitae pretium erat risus vitae leo. Cras vel augue nec neque tempor pharetra. In nunc velit, hendrerit condimentum, fermentum vitae, vehicula eget, elit. Vestibulum dictum dolor id odio. Vestibulum blandit nibh a arcu.

How it Works:

The font sizer simply uses a little Javascript along with CSS. The content for this page is wrapped within a container (div) which has the id value of "content." It also starts out with a class value of "normal." These are CSS attributes which mark the content of the page. When the user clicks on the controller links (+/-) to adjust the font size, there are Javascript functions firing which change the class attribute to small, normal or large depending on the current class value. View the source for this page and feel free to use it to add this feature to your website.