Zeno Font Resizer - ChoosePlugin.com

Zeno Font Resizer allows the visitors of your website to change the font size of your text.

Author:	Marcel Pol (profile at wordpress.org)
WordPress version required:	4.1
WordPress version tested:	6.5
Plugin version:	1.8.0
Added to WordPress repository:	22-05-2015
Last updated:	18-03-2024
Rating, %:	92
Rated by:	20
Plugin URI:	https://wordpress.org/plugins/zeno-font-resiz...
Total downloads:	98 364
Active installs:	7 000+
Click to start download

This plugin allows you to give the visitors of your site the option to change the font size of your text.

Features:

Uses JavaScript and jQuery to set the fontsize.
Settings are saved in a cookie, so the visitor sees the same fontsize on a revisit.
Admin page to set which content is being resized, the resize steps and other options.
There is a classic widget.
Alternatively, you can add PHP code to a template in your theme, preferably a child theme.
Simple and Lightweight.

This plugin is a fork of font-resizer with many bugfixes applied and features added.

Compatibility

This plugin is compatible with ClassicPress.

Contributions

This plugin is also available in Codeberg.

Screenshots
FAQ

How can I activate the function of the plugin?

Go to the admin page of the plugin and select your option. If you are not familiar with html and css, select the html option (default). This would resize all the content of your site.

I click the resizer, but (some of) my fonts don’t change in size.

The plugin expects the CSS of your theme to be set up in a flexible way. When you have a static font-size like 14px or 14pt for your menu or content elements, this will not be affected by the plugin. This way of using font-size is maybe pixel-perfect for the designer, but not accessible for the user, so you should only use it for design elements, like a text overlay for an image.

When you use a percentage, like 100% or 124%, it is dynamic and will follow (inherit) the font-size of the parent (and so up).
The same dynamic counts for setting in em.

I use font-size in rem in my theme, what do I do?

The font-size in rem is relative to the font-size of the root element. So you can go to the Settingspage of this plugin,
and set the html element as the element to change the font-size of (default since 1.4.4). Now your rem elements should follow the resizing.

How can I use the plugin without the widget?

Use this snippet of PHP code (in your theme or somewhere):

<?php
    if (function_exists('zeno_font_resizer_place')) {
        zeno_font_resizer_place();
    }
?>

How can I use the template code and do stuff with it?

You can use the parameter ‘$echo = false’ and the function will return the html-string:

<?php
    if (function_exists('zeno_font_resizer_place')) {
        $font_resizer = zeno_font_resizer_place( false );
        // do stuff with $font_resizer...
    }
?>

How can I change the color of the A’s?

With CSS in your theme.
Use something like:

p.zeno_font_resizer > a {
    color: blue;
}

On the widget I see text meant for screen-readers.

Your theme is missing some necessary CSS for ‘.screen-reader-text’. Please contact the maker of your theme.
More information can be found in the Handbook about Accessibility.

I want to use a shortcode in my content element

There is an additional plugin on Codeberg you can use for that.

Hide FAQ

ChangeLog

Compatibility

Contributions

1.8.0

1.7.9

1.7.8

1.7.7

1.7.6

1.7.5

1.7.4

1.7.3

1.7.2

1.7.1

1.7.0

1.6.3

1.6.2

1.6.1

1.6.0

1.5.0

1.4.6

1.4.5

1.4.4

1.4.3

1.4.2

1.4.1

1.4.0

1.3.0

1.2.3

1.2.2

1.2.1

1.2.0

1.1.9

1.1.7

1.1.6

1.1.5

1.1.4

1.1.3.1

1.1.3

1.1.2

1.1.1

1.1.0

1.0.0