フォントサイズ・文字間隔・行間隔のCSS生成

htmlで文字サイズはCSSの「font-size」、文字間隔はCSSの「letter-spacing」、行間隔はCSSの「line-height」で指定します。
当ページでは簡単操作でCSS作成することが出来ます。

生成された「html」「css」などのソースコードは、そのままコピー＆ペーストで利用することが出来ます。

文字サイズや文字間隔、行間隔でホームページの見え方は大きく異なります。色々試してホームページのデザインにあったサイズ等をご確認ください。

<span class="strInterval">文字サイズは「font-size」、文字間隔「letter-spacing」、行間隔「line-height」で指定します。</span>

.strInterval {
  /*--- サンプル表示の枠 --------------------------- */
  max-height     : 350px;
  overflow-y     : scroll;
  background     : #fff;
  border         : 1px solid #999;
  text-align     : left;
  padding        : 5px;
  margin         : auto;
  font-weight    : normal;
  
  /* --- 文字情報設定 ------------------------------ */
  font-size      : 22pt;         /* 文字サイズ       */
  letter-spacing : 0em;          /* 文字間隔         */
  line-height    : 1em;          /* 行間隔（1行高さ）*/
}