JSFiddle - React, Tailwind, and code Playground

by backstabe

HTML

<a href="#" id="fontsize-small">Мелкий</a>
<a href="#" id="fontsize-normal">Средний</a>
<a href="#" id="fontsize-big">Большой</a>

<div id="main">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi molestie placerat libero. Mauris id risus ac ipsum vehicula faucibus. Aliquam ut eros sit amet orci tincidunt ultrices. Maecenas ligula sem, tristique quis erat at, aliquet eleifend ipsum. Morbi quis mauris quam. In scelerisque libero quis mollis luctus. Fusce vitae lobortis ligula. Pellentesque egestas elit eleifend orci laoreet luctus. Nunc et accumsan purus. 
</div>

JavaScript

$(document).ready(function(){
   // Увеличение
   $("#fontsize-small").click(function(){
      $('#main').css('font-size', '10px');
   });
   $("#fontsize-normal").click(function(){
      $('#main').css('font-size', '14px');
   });
   $("#fontsize-big").click(function(){
      $('#main').css('font-size', '24px');
   });
});