新着!私の44ページの電子書籍「CSS in 44 minutes」が発売されました! 😃

今すぐ入手 →

#font-family

font-family: "Source Sans Pro", "Arial", sans-serif;

複数の値を使用する場合、font-familyのフォントファミリーリストは、ブラウザがフォントファミリーを選択する際の優先順位を定義します。

ブラウザは、ユーザーのコンピューターと、任意の@font-faceリソースで各ファミリーを検索します。

リストは左から右に優先順位付けされます。使用可能な最初の値を使用するか、次の値に進み、リストの最後まで到達するまで続けます。デフォルトのフォントファミリーは、ブラウザの設定によって定義されます。

この例では、ブラウザは使用可能な場合はSource Sans Proを使用しようとします。見つからない場合は、Arialを使用しようとします。これも使用できない場合は、ブラウザのsans-serifフォントを使用します。

font-family: serif;

ブラウザはセリフフォントファミリーを使用します。すべての文字にセリフ(飾り線)があります。

font-family: sans-serif;

ブラウザはサンセリフフォントファミリーを使用します。どの文字にもセリフ(飾り線)がありません。

font-family: monospace;

ブラウザは等幅フォントファミリーを使用します。すべての文字の幅が同じです。

font-family: cursive;

ブラウザは筆記体フォントファミリーを使用します。

font-family: fantasy;

ブラウザはファンタジーフォントファミリーを使用します。