title: Increase and Decrease font size using jQuery
body: <p>I Have News Website. I Want Put Button for User Increase  and Decrease Page Font Size I Set Default text Size in Css Like This</p>
  
  <pre><code> &lt;style&gt;
          * {
              font-size: 12px ;
          }
      &lt;/style&gt;
  </code></pre>
  
  <p>and HTML code</p>
  
  <pre><code> &lt;div&gt;
      &lt;p class="myp"&gt;The following script can be used to allow visitors to increase or decrease the size of text on your page. This can be useful for visitors who have trouble reading smaller text and allows them to increase it to something they can view more easily.&lt;/p&gt;
  
      &lt;/div&gt;
          &lt;a href="#" class="increaseFont"&gt;increaseFont&lt;/a&gt;
          &lt;a href="#" class="decreaseFont"&gt;decreaseFont&lt;/a&gt;
          &lt;script&gt;
              $(document).ready(function () {
                  // Reset Font Size
  
                  var originalFontSize = $('html').css('font-size');
  
                  $(".resetFont").click(function () {
                      $('html').css('font-size', originalFontSize);
                  });
                  // Increase Font Size
                  $(".increaseFont").click(function () {
                      var currentFontSize = $('html').css('font-size');
  
                      var currentFontSizeNum = parseFloat(currentFontSize, 10);
                      $('html').css('font-size', 0);
                      var newFontSize = currentFontSizeNum * 1.2;
                      $('html').css('font-size', newFontSize);
                      return false;
                  });
                  // Decrease Font Size
                  $(".decreaseFont").click(function () {
                      var currentFontSize = $('html').css('font-size');
                      var currentFontSizeNum = parseFloat(currentFontSize, 10);
                      var newFontSize = currentFontSizeNum * 0.8;
                      $('html').css('font-size', newFontSize);
                      return false;
                  });
              });
          &lt;/script&gt;
  </code></pre>
  
  <p>but Not Work. But When Remove Css Code Text Work Fine. Please help me. Thanks All.</p>