カテゴリー: font-size

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

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-size：フォントの文字サイズを変更する

　CSSのfont-sizeはフォントの文字サイズを変更するプロパティです。

• px
  px指定。画面解像度によって変動。1刻みで指定。
• em
  フォントの高さを１として指定可能。
• ex
  フォントのxの高さを１とする指定方法。
• %
  親要素のフォントサイズに対しての%指定。
• vw
  画面横幅に対するフォントサイズ指定。
• vh
  画面縦幅に対するフォントサイズ指定。
• キーワード
  xx-small、x-small、small、medium、large、x-large、xx-largeがあり、mediumが標準です。1段階上がると1.2倍のサイズになります。