(例)【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 "MS 明朝";
}
.p2{
font-style:italic;
font-variant: small-caps;
font-weight:bold;
font-size:30px;
font-family:"MS ゴシック",sans-serif;
line-height:40px;
background-color:gray;
}
【CSS】font-size:フォントの文字サイズを変更する
CSSのfont-sizeはフォントの文字サイズを変更するプロパティです。
- px
px指定。画面解像度によって変動。1刻みで指定。 - em
フォントの高さを1として指定可能。 - ex
フォントのxの高さを1とする指定方法。 - %
親要素のフォントサイズに対しての%指定。 - vw
画面横幅に対するフォントサイズ指定。 - vh
画面縦幅に対するフォントサイズ指定。 - キーワード
xx-small、x-small、small、medium、large、x-large、xx-largeがあり、mediumが標準です。1段階上がると1.2倍のサイズになります。