HTML一覧CSS一覧CSS関数FlexboxシミュレーターCSS一覧

文字

font-family 書体を指定する

重要度4 / 5

意味

文字の書体を変えたいときに使います。先頭に使いたい書体、うしろに端末へ入っている代替を書きます。日本語は、指定した書体が無い端末でも読めるように、最後へゴシック体や明朝体の総称を置きます。

書体名に空白があるときは、引用符で囲みます。

コード

HTMLとCSSをコピーして、自分のファイルへ貼り付ければ同じ見た目を確認できます。

HTML
<p>指定した書体が無いときは、うしろの書体が使われます。</p>
CSS
p {
  font-family: "Helvetica Neue", Arial, "Hiragino Sans", sans-serif;
}

プレビュー

ブラウザ対応

主要ブラウザの対応状況
ブラウザ対応
Chrome1〜
Firefox1〜
Safari1〜
Edge12〜
Chrome Android18〜
Safari iOS1〜

出典: MDN Web Docs(`@mdn/browser-compat-data`)