September 5, 2013 7:02 am

How to Resize text using jQuery

If you are working on a blog where people come and read your article then you must add a resize text option on your website, because you don’t know what size of fonts usually your readers love to read. If you have resize option readers can adjust the size of font they love and read your blog posts. Usually people increase and decrease text size with ctrl + + or ctrl + zoom in zoom out browser window. Here you can only increase and decrease only text not the whole browser window, I am going to show you how to resize text using jQuery it’s very simple to integrate it with your new and existing projects.

resize-text-using-jquery

HTML

HTML show zoom in zoom out reset button and content div which contain text to operate.

jQuery

jQuery operations to make changes in css font-size attribute and this change make fonts bigger and smaller.

I hope you understand how to increase and decrease font size using jQuery.

I love to entertain your comments.

Author Huzoor Bux

I am Huzoor Bux from Karachi (Pakistan). I have been working as a PHP Developer from last 5+ years, and its my passion to learn new things and implement them as a practice. Basically I am a PHP developer but now days exploring more in HTML5, CSS and jQuery libraries.


Tutorial Categories:
  • John Salt

    Nice piece of coding – but – text inside is unaffected. Anyway you can get around this ?

  • John Salt

    Nice piece of coding – but – text inside is unaffected. Anyway you can get around this ?