JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" id="minusText">make text smaller</a><br />
<a href="#" id="plusText">make text larger</a>
<p>Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum.</p>

CSS

body { font-size: 10pt; }

JavaScript

$("#plusText").click(function() {

    var currSz = parseFloat($('body').css('font-size'));
    Math.round(currSz);

    if ($.browser.msie) currSz++;
    else currSz = currSz + .3;

    $('body').css('font-size', currSz);

    return false;

});

$("#minusText").click(function() {

    var currSz = parseFloat($('body').css('font-size'));
    Math.round(currSz);

    if ($.browser.msie) currSz--;
    else currSz = currSz - .3;

    $('body').css('font-size', currSz);

    return false;
});