How to increase and decrease text size in web page?

Question

What is the best way to increase and decrease text size on a web page using PHP, CSS, or JQuery? And is there any tutorials on how to do this? or an example would be helpful.

Thanks

Answer 1

Set text-size on the text container (a p, a div, a span, ...).

<p style='font-size:120%'>

Answer 2

See:

Text Resizing With jQuery

Here is the DEMO

Answer 3

Check the font-size CSS property

Reference: http://www.w3.org/TR/CSS2/fonts.html#font-size-props

Answer 4

You can increase text size on the whole page (for all elements that inherit text size from the 'body') with:

function setFontSize(size) {
    $('body').css('font-size', '' + size + 'px');
}

Demo here.