js文章内容页文字缩放代码

前端开发经常遇到文章内容页需要给文字内容添加字体缩放的功能，一般都是默认给个字体大小，然后用js来调整文字大小，代码如下：

html结构：

<span class="size">字体：
<a href="javascript:void(0);" class="bigger">大</a>
<a href="javascript:void(0);" class="centre on">中</a>
<a href="javascript:void(0);" class="smaller">小</a>
</span>

js代码

<script>
        $(function(){
            var size = $('.m-txt1 .txt').css("font-size");
            $('.bigger').click(function(){
                var endsize = (18);
                $('.m-txt1 .txt *').css("font-size",endsize);
            });
            $('.centre').click(function(){
                var endsize = (16);
                $('.m-txt1 .txt *').css("font-size",endsize);
            });
            $('.smaller').click(function(){
                var endsize = (14);
                $('.m-txt1 .txt *').css("font-size",endsize);
            });
            $('.m-txt1 .size a').click(function(){
                $(this).addClass('on').siblings('a').removeClass('on');
            });
       });
    </script>