Home » Java Script » javascript resize text example

javascript resize text example

27 March, 2013

How to change / resize page font using javascript.Check this demo and download javascript resize text example.For a example if you click button, then page font size will be increase and after click another button then reduce font size.

Following funtion is getting parameter as value of increase and then change the body font size.

function resizeText(val) {
  if (document.body.style.fontSize == "") {
    document.body.style.fontSize = "1.0em";
  }
  document.body.style.fontSize = parseFloat(document.body.style.fontSize) + (val * 0.2) + "em";
}

function resizeText(val) {

if (document.body.style.fontSize == "") {

document.body.style.fontSize = "1.0em";

}

document.body.style.fontSize = parseFloat(document.body.style.fontSize) + (val * 0.2) + "em";

}

How to use this function.

<script>
function resizeText(val) {
  if (document.body.style.fontSize == "") {
    document.body.style.fontSize = "1.0em";
  }
  document.body.style.fontSize = parseFloat(document.body.style.fontSize) + (val * 0.2) + "em";
}
</script>
<a onclick="resizeText(1)" />Increase font size<br/>
<a onclick="resizeText(-1)" />Reduce font size<br/>