This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

jQuery Font Resizer

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).

A brief Markdown Example

A A+ A++

Installation

  1. Upload the plugin to the “/wp-content/plugins/” directory.

  2. Activate the plugin through the “Plugins” menu in WordPress.

  3. Place “” in one of your templates to provide the resizing links on your website.

  4. Go to your style.css file and assign a font-size of 10px to the body element of your website: “body {font-size: 10px;}”.

  5. This is the most IMPORTANT step: All other font-size values in your stylesheets must be RELATIVE values (like “p {font-size: 100%;}”). Only elements with text that you want not to change its font-size at all must have an absolute value.

FAQ

Not yet available.

Contributors & Developers

“jQuery Font Resizer” is open source software. The following people have contributed to this plugin.

Contributors

Translate “jQuery Font Resizer” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

Version 1.0