JQuery Font Resizer Wordpress Plugin - Rating, Reviews, Demo & Download
Plugin Description
The plugin offers three links to change the font-size of your blog. They can be inserted anywhere on your website by including a simple php-function (s. “Installation”). These links change the font-size value of the most outward html element of the page: the body element. All values of the elements inside the html body must therefore have relative font-size values. Only text that you want not to change its font-size at all must have an absolute value.
Here is an example for better understanding: The default font-size-value of the body element must be set to “10px” (s. “Installation”). By clicking the “A+”-link this value will be set to “11px”. All elements with RELATIVE font-size values (like “p {font-size: 100%;}”) will then be automatically adjusted to the new top-level font-size. In this case the font-size of a “p”-element will switch from 10px (100% of 10px = 10px) to 11px (100% of 11px = 11px). Font-size values of other elements will change likewise (a value of 120% will result in a new font-size of 13.2px).
IMPORTANT: Relative font-size values are calculated from the DIRECT parent element. This means: An element B which has a 100% font-size and which lays inside an element A that has a 120% font-size will have the font-size values of the element A (12px/13.2px), not the values calculated in proportion to the body element (10px/11px).