文字の画像(イメージ)化
cman.jp cman.jp > パーツ作成メニュー > 文字のデザイン

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

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

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

html文書の文字サイズや間隔を変更してみよう

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

文字サイズ
単位
サイズ
間隔
単位
文字間隔
行間隔
文字サイズは「font-size」、文字間隔「letter-spacing」、行間隔「line-height」で指定します。
使用したhtml
<span class="strInterval">文字サイズは「font-size」、文字間隔「letter-spacing」、行間隔「line-height」で指定します。</span>
生成したCSS
.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行高さ)*/
}
ページTOP
広告
広告

注意事項

フォント(文字の見た目)は、各ホームページの設定により異なりますのでご注意ください。

ページTOP
広告

生成できるホームページ・パーツ一覧
ご利用時の注意事項・制約事項
よくあるご質問
何で無料なの?
生成コードに利用制限はある?
生成コードに保証はある?
jQueryで生成できない?

広告
ページTOP
広告
QrCode
このページのURL
スマートフォン・タブレット
運営:株式会社シーマン