フォント
font-family
font-family は、文字に使うフォントを決めます。フォント名をカンマで区切って並べると、見る人の端末に入っているものが前から順に使われます。
構文
[ <family-name> | <generic-family> ]#プレビュー
プリセット
右下の角をドラッグするとサイズを変えられます
コード
.box {
font-family: serif;
}コントロール
font-familyserif
先に試すフォント名（カンマ区切り）
総称ファミリー
解説
フォントは見る人の端末に入っているものしか使えません（Web フォントを読み込む場合を除く）。そのため、使いたいフォント名を前から順に並べ、最後に「どれも無ければこの系統で」という総称ファミリーを書いておきます。
値の書き方
- フォント名：
"Hiragino Sans"のように引用符で囲みます。空白を含まない名前なら引用符は省けますが、囲んでおくほうが確実です。 - 総称ファミリー：
serif（明朝体などの飾りのある書体）、sans-serif（ゴシック体などの飾りのない書体）、monospace（等幅）などのキーワードです。端末ごとに合うフォントが選ばれます。引用符では囲みません。
system-ui は OS の画面で使われている標準のフォントです。ui-rounded などの ui- で始まるものは、対応している環境（主に Apple の端末）でだけ使われます。
日本語のページでは、英字用のフォントを先に書くと、英字だけそのフォントになり、日本語は後ろのフォントで表示されます。