字体大小 js 控制

  • 在很多大网站上为了提高用户方便阅读文字,都提供有字体大小选择功能,以适应不同年龄段人群的阅读需求,其实这种功能实现起来也很简单,修改起来也方便,字体大号由你来定,默认字体大小可以CSS页面中定义,一般网页的标准字体是9pt,也就是12px;
  • <html>
    <head>
    <title>JavaScript设置网页字体</title>
    <style>
    body{
    font-size:9pt;
    }
    </style>
    </head>
    <body>
    <div id=zoom>这是一段示例文字,你可以点击下边选择不同字号的字体,这段文字会随即改变大小。源码爱好者(CoreFans.net)提供各类编程源码、书籍教程、JavaScript/CSS特效代码以及常用软件下载等,做有质量的学习型源码下载站。</div>
    <SCRIPT language=JavaScript>
    function doZoom(size){
    document.getElementById('zoom').style.fontSize=size+'pt'
    }
    </SCRIPT>
    <P align=right>选择字号:[ <A
     href="javascript:doZoom(13)">13pt(超大)</A> <A
     href="javascript:doZoom(10.5)">10.5pt(中型)</A> <A
     href="javascript:doZoom(9)">9pt(标准)</A> ]
    </body>
    </html>

    作者:水木    
     
    原文地址:https://www.cnblogs.com/hsapphire/p/1630122.html