新着!私の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;
ブラウザはファンタジーフォントファミリーを使用します。