文字
font-family 書体を指定する
意味
文字の書体を変えたいときに使います。先頭に使いたい書体、うしろに端末へ入っている代替を書きます。日本語は、指定した書体が無い端末でも読めるように、最後へゴシック体や明朝体の総称を置きます。
書体名に空白があるときは、引用符で囲みます。
コード
HTMLとCSSをコピーして、自分のファイルへ貼り付ければ同じ見た目を確認できます。
<p>指定した書体が無いときは、うしろの書体が使われます。</p>p {
font-family: "Helvetica Neue", Arial, "Hiragino Sans", sans-serif;
}プレビュー
ブラウザ対応
| ブラウザ | 対応 |
|---|---|
| Chrome | 1〜 |
| Firefox | 1〜 |
| Safari | 1〜 |
| Edge | 12〜 |
| Chrome Android | 18〜 |
| Safari iOS | 1〜 |
出典: MDN Web Docs(`@mdn/browser-compat-data`)