How to dynamically control page font size by jQuery

Editor to share with you how jQuery dynamically controls the font size of the page. I hope you will gain something after reading this article. Let's discuss it together.

Dynamically control the font size of the page

Users can change the font size of the page

$(document) .ready (function () {/ / Reset the font size (back to default) var originalFontSize = $('html'). Css (' font-size'); $(".ready Font") .click (function () {$('html'). Css (' font-size', originalFontSize);}) / / Increase the font size (bigger font0 $(".increaseFont") .click (function () {var currentFontSize = $('html'). Css (' font-size'); var currentFontSizeNum = parseFloat (currentFontSize, 10); var newFontSize = currentFontSizeNum*1.2; $('html'). Css (' font-size', newFontSize); return false;}) / / Decrease the font size (smaller font) $(".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;});}) After reading this article, I believe you have a certain understanding of "how jQuery dynamically controls the font size of the page". If you want to know more about it, you are welcome to follow the industry information channel. Thank you for your reading!