调整网页字体大小的代码

September 5th, 2008
Goto comments 1,613 views

觉得现在使用的Garland Theme字体太小，我的右眼视力5.1，左眼4.8，这是毕业体检的时候测的，有的时候待在电脑前的时间太长了然后看网页会很吃力，我相信很多经常上网的朋友视力比我的要糟糕吧，呵呵

在网上找了一段可以调整文章字体大小的代码，用上了，大家可以点击“小”“大”试试，很纳闷，在Firefox下这段代码不起作用，谁能告诉我这是为什么？或者提供给我一段更好的代码？

先在网页里面添加如下代码：

  1. <script language=JavaScript>
  2. 　　//更改字体大小
  3. 　　var status0='';
  4. 　　var curfontsize=10;
  5. 　　var curlineheight=18;
  6. 　　function fontZoomA(){
  7. 　　 if(curfontsize>8){
  8. 　　 document.getElementById('fontzoom').style.fontSize=(--curfontsize)+'pt';
  9. 　　 document.getElementById('fontzoom').style.lineHeight=(--curlineheight)+'pt';
  10. 　　 }
  11. 　　}
  12. 　　function fontZoomB(){
  13. 　　 if(curfontsize<64){
  14. 　　 document.getElementById('fontzoom').style.fontSize=(++curfontsize)+'pt';
  15. 　　 document.getElementById('fontzoom').style.lineHeight=(++curlineheight)+'pt';
  16. 　　 }
  17. 　　}
  18. </script>

然后在想放大的文字内容添加如下标签

  1. <font id=fontzoom>...</font>

最后一步就是再把下面这段代码放到你觉得合适的地方

  1. 【字体：<a href="javascript:fontZoomB();">大</a> <a href="javascript:fontZoomA();">小</a> 】

作者：蓝兔
原文链接：调整网页字体大小的代码
Sino Blog 版权所有，转载时必须以链接形式注明作者和原始出处及本声明。

网站日志 ,

  1. 长河
    September 5th, 2008 at 17:38 | #1
    Reply | Quote

    也没发现字体大到哪去啊~

  2. 蓝兔
    September 5th, 2008 at 17:50 | #2
    Reply | Quote

    你用的是什么浏览器啊？这段代码在Firefox下不起作用

  3. 极速在线
    September 5th, 2008 at 23:33 | #3
    Reply | Quote

    我的视力很差。。这样的代码有用 。。谢谢了

  4. 锐风
    September 6th, 2008 at 00:22 | #4
    Reply | Quote

    在 Chrome 中有效.
    但是必须得点一下那个字体调整的链接.

  5. HE Yi
    September 6th, 2008 at 09:58 | #5
    Reply | Quote

    字体跟浏览器不无关系，可以根据自己习惯，放大或缩小。

  6. 电子商务
    September 8th, 2008 at 08:23 | #6
    Reply | Quote

    实用性不大

  7. China Yoga
    September 10th, 2008 at 22:31 | #7
    Reply | Quote

    字体的大小各个浏览器到表现形式的都不一样的。

  8. HE Yi
    September 12th, 2008 at 19:37 | #8
    Reply | Quote

    哇靠，博主用的Wordpress，风格竟然是Drupal的，哈哈。

  9. paran
    September 15th, 2008 at 17:38 | #9
    Reply | Quote

    ”如果你看不清本站的文字，可能你的视力有问题，请速配眼镜！“
    加这样一句在网站头部就解决了^_^

  10. 128kk
    September 25th, 2008 at 02:21 | #10
    Reply | Quote

    来给你支持一下

  1. No trackbacks yet.