如何控件网页字体大小?

我想在每个页面上弄个字体设置的功能,分为大,中,小三种字体,分别点击显示不同大小的字体,这个怎么实现啊?要样式不受影响哦.

解决方案 »

  1.   

    BODY {
    FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #000000; LINE-HEIGHT: 20pt; FONT-FAMILY: 宋体
    }
      

  2.   


    <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>
      

  3.   

    用CSS写不就行了吗？.h1{ font-size:8px; color:#000000;}.h2{ font-size:12px; color:#000000;}.h3{ font-size:20px; color:#000000;}
      

  4.   


    <script type="text/javascript">
    function doZoom(size)
    { 
        document.getElementById('content').style.fontSize=size+'px' 
    } 
    </script><span class="hs12">
    字号：【
    <a href="javascript:doZoom(16)" class="hs12">大</a> 
    <a href="javascript:doZoom(14)" class="hs12">中</a> 
    <a href="javascript:doZoom(12)" class="hs12">小</a>
    】
    </span><span id="content" runat="server" style="font-family: 宋体; font-size: 14px; line-height: 22px">
    <%=pContent%>
    </span>
      

  5.   

    BODY { 
    FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #000000; LINE-HEIGHT: 20pt; FONT-FAMILY: 宋体 
    }