(例)【CSS】fontの使用方法
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:フォント
CSSのfontはフォントに関する指定をまとめて行えるプロパティです。
fontプロパティに指定できるのは以下の順番です。
- font-style、font-variant、font-weight
- font-size
- line-height
- font-family
line-heightを指定する場合、line-heightの値の前にスラッシュ「 /」が必須です。
◆ font: bold large/120% “MS 明朝”;
fontプロパティを使用すると、フォントに関するスタイル(プロパティ)リセットされます。