規則でフォントを指定します。以下はウェイト(太さ)の異なる4つのフォントを指定しています。Rhythms(バーティカルリズム)は行間のサイズを整えてページの垂直方向のスペースをリズミカルに揃えていく手法のことで、デザインの安定感や、可読性の向上を目的としています。(但し、絶対的なルールではありません。本文の行の高さ(line-height)をリズムの単位として、要素間の余白(padding、margin)を調整します。以下の例のように等間隔の罫線(グリッド)を使うと、確認しやすいです。この等間隔のグリッドをベースラインと呼びます。プロパティの値」になります。ベースラインが決まれば、後は以下の2つのルールに従います。padding)を24px(ベースライン)の倍数に設定します。24px(ベースライン)の倍数に設定します。縦方向の余白とテキストの行間(line-height)を全てベースライン(line-height)の倍数に設定します。割った値を使用します。倍数になるように調整します。乱れることもあるので、必要に応じて事前にリセットしておきます。利用して以下のように記述します。