我如何使我的网站字体更大,更容易阅读一些用户?

这是我在一些网站上使用的代码。相应地应用HTML:

HTML:

<span>Font Size: </span>
<a href="#" onclick="decreaseFontSize();">
    <img src="/images/minus.png" alt="Decrease Font Size" />
</a>

<a href="#" onclick="increaseFontSize();">
    <img src="/images/plus.png" alt="Increase Font Size" />
</a>

Javascript:

var min=8;
var max=18;
function increaseFontSize() {
 p = document.getElementById("[the id of container w/font you want to size]");
 if(p.style.fontSize) {
 var s = parseInt(p.style.fontSize.replace("px",""));
 } else {
  var s = 12;
 }
 if(s!=max) {
  s += 1;
 }
 p.style.fontSize = s+"px"
}
function decreaseFontSize() {
 p = document.getElementById("[the id of container w/font you want to size]");
      if(p.style.fontSize) {
         var s = parseInt(p.style.fontSize.replace("px",""));
      } else {
         var s = 12;
      }
      if(s!=min) {
         s -= 1;
      }
      p.style.fontSize = s+"px" 
}

如果应用程序的布局发生变化,以至于用户发现它不可用,那么您的CSS肯定有问题。可能在设计应用程序时假定了特定的字体大小,或者只使用一种字体大小进行测试。我建议你尝试使用你自己的网站,用不同的字体大小一段时间,找出布局的问题在哪里,然后尝试修复它们,使它看起来很好,无论字体大小。

var min=8;
var max=30;
var reset=14;

function increase(tag) {    
    var p = document.getElementsByTagName(tag);
   for(i=0;i<p.length;i++) {
      if(p[i].style.fontSize) {
         var s1 = parseInt(p[i].style.fontSize.replace("px",""));
      } else {
         var s1 = reset;
      }
      if(s1!=max) {
         s1 += 2;
      }
      p[i].style.fontSize = s1+"px"
   }
}

function decrease(tag) {
    var p = document.getElementsByTagName(tag);
       for(i=0;i<p.length;i++) {
          if(p[i].style.fontSize) {
             var s = parseInt(p[i].style.fontSize.replace("px",""));
          } else {
             var s = reset;
          }
          if(s!=min) {
             s -= 2;
          }
          p[i].style.fontSize = s+"px"
       } 
}


function reset(tag) {
     var p = document.getElementsByTagName(tag);
       for(i=0;i<p.length;i++) {
          p[i].style.fontSize = reset+"px"
       } 
}

我更改了这个脚本,使其减少了标签,并添加了重置功能。

告诉他们按 Ctrl键 - +