カテゴリー
CSS font

【CSS】font:フォント

(例)【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プロパティに指定できるのは以下の順番です。

  1. font-style、font-variant、font-weight
  2. font-size
  3. line-height
  4. font-family

 line-heightを指定する場合、line-heightの値の前にスラッシュ「 /」が必須です。

◆ font: bold large/120% “MS 明朝”;

 fontプロパティを使用すると、フォントに関するスタイル(プロパティ)リセットされます。