请教各位，要怎么实现网页字体可以选择大，中，小功能

请问各位，要如何实现网页字体可以选择大，中，小功能？
各位高手，因为在做一个实习项目，现有个功能要实现用户可以自己选择网页字体的大小。这个方法要怎么做呢？希望各位高手赐教！谢谢~

------解决方案--------------------
<style type= "text/css ">
*{font-size:14px}
.da{font-size:30px}
.zhong{font-size:20px}
.xiao{font-size:12px}
</style>
<div>
<a href= "javascript:document.getElementById( 'con ').className= 'da '; void(0); "> 大 </a>
<a href= "javascript:document.getElementById( 'con ').className= 'zhong ';void(0); "> 中 </a>
<a href= "javascript:document.getElementById( 'con ').className= 'xiao ';void(0); "> 小 </a>
</div>
<div id= "con ">
这里是客户看到的文字
</div>
------解决方案--------------------
<script language= "javascript ">
function setFS(fs){
if(fs!= " " || !isNaN(fs)){
document.getElementById( "showContent ").style.fontSize = fs+ "px ";
}
}
</script>
<div> 字号：[ <span style= "cursor:pointer; " onclick= "setFS(16); "> 大 </span> <span style= "cursor:pointer; " onclick= "setFS(14); "> 中 </span> <span style= "cursor:pointer; " onclick= "setFS(12); "> 小 </span> ] </div>
<div id= "showContent "> 大段要控制大小的文字 </div>