« »

Web Font Size Switcher enables the ability for your visitors to change the font size on your webpages, and uses cookie to remember the size setting. The script is very easy to setup in order to works on any webpage. You can also custom the CSS classes to only apply the effect a portion of the page, so just HTML font size of that area changes.

Label: Web Font Size Switcher, Document Text Resizer, switcher, font size, ability, cookie, remember, setting, CSS class, HTML font size

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
Files
CSS
JavaScript
HTML
Print

Copy All x2

<link href="doctextsizer.css" rel="stylesheet" type="text/css" />

Copy All x2

<script type="text/javascript" src="doctextsizer.js">

/***********************************************
* Document Text Resizer Script- by JavaScript Kit (www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
***********************************************/

</script>

Copy All x2

<p align="center">Select the desired text size (persisted using cookies):<br />

<a href="#" class="texttoggler" rel="xsmallview" title="extra small size"><img src="xsmallview.png" /></a> 
<a href="#" class="texttoggler" rel="smallview" title="small size"><img src="smallview.png" /></a> 
<a href="#" class="texttoggler" rel="normalview" title="normal size"><img src="normalview.png" /></a> 
<a href="#" class="texttoggler" rel="largeview" title="large size"><img src="largeview.png" /></a> 
<a href="#" class="texttoggler" rel="xlargeview" title="extra large size"><img src="xlargeview.png" /></a>
</p>
<script type="text/javascript">
//documenttextsizer.setup("shared_css_class_of_toggler_controls")
documenttextsizer.setup("texttoggler")

</script>