カテゴリー: font-variant

（例）【CSS】font-variantの使用方法

See the Pen
font by linlin (@linlin098765)
on CodePen.

<p class="p">フォント</p>
<p class="p2">abcABC</p>

.p{
  font: bold large/20px "ＭＳ 明朝";
}
.p2{
  font-style:italic;
  font-variant: small-caps;
  font-weight:bold;
  font-size:30px;
  font-family:"ＭＳ ゴシック",sans-serif;
  line-height:40px;
  background-color:gray;
}

【CSS】font-variant：フォントを小文字にする

　CSSのfont-variantはフォントを小文字（スモールキャップ）にするプロパティです。
　スモールキャップは、小文字の表示形式が小文字サイズの大文字のものを指します。 文字にスモールキャップが無い場合、大文字を縮小したものを小文字として表示します。