指定するフォントセットによって多少変わります。
PCイメージ
H1 トップタイトル 3.4rem
H2 ページのタイトル 3.0rem
H3 ページのタイトル 2.6rem
H4 ページのタイトル 2.2rem
H5 ページのタイトル 1.8rem
body ページの本文 1.6rem
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやいゆいぇよらりるれろABCDE
スマホイメージ (w330px)
H1 トップタイトル 2.6rem
H2 ページのタイトル 2.2rem
H3 ページのタイトル 2rem
H4 ページのタイトル 1.9rem
H5 ページのタイトル 1.8rem
body ページの本文 1.45rem
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやいゆいぇよらりるれろABCDE
body { font: normal 300 1.6rem/1.8 'Noto Sans JP', sans-serif; }
h1,
h2,
h3,
h4,
h5 {
font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'メイリオ', 'Meiryo', 'Noto Sans JP', sans-serif;
font-weight: 500;
margin: 4rem 0 1rem;
line-height: 1.2;
}
h1 {font-size: 3.4rem;}
h2 {font-size: 3.0rem;}
h3 {font-size: 2.6rem;}
h4 {font-size: 2.2rem;}
h5 {font-size: 1.8rem;}
/*[ Media Query ] --------------------------- */
@media screen and (max-width: 639.9px) {
h1 {font-size: 2.6rem;}
h2 {font-size: 2.2rem;}
h3 {font-size: 2rem;}
h4 {font-size: 1.9rem;}
h5 {font-size: 1.8rem;}
body {font-size: 1.45rem;}
}