tohokuaikiのチラシの裏

技術的ネタとか。

fontタグのsizeによる大きさをチェックするスクリプト

Web制作

どの大きさが何ポイントはブラウザによるので、目で確かめる。

<html>
<head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <script>
  $(function(){
      for (var i=1; i<=8; i++){
          $('body').append('<h2>fontsize:'+i+'</h2>');
          for (var j=4; j<=50; j++){
              $('body').append('fontsize: <font size="'+i+'">fontsize:'+i+'</font><font style="font-size:'+j+'px">style:font-size:'+j+'</font><br />');
          }
      }
  });
  </script>
</head>
<body>
</body>
</html>