<h2>HTMLとCSSを使った斜め文字のサンプル</h2>

<p>これは<span class="simple-italic">シンプルな斜め文字</span>のサンプルです。</p>

<p>これは<span class="custom-italic">カスタム斜め文字</span>のサンプルです。</p>

/* シンプルな斜体文字 */
.simple-italic {
  font-style: italic;
}

/* カスタム斜め文字（CSSで傾きを調整） */
.custom-italic {
  font-style: italic;
  font-weight: bold;
  transform: skew(-10deg);
  color: #ff6347;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.