html - CSSの構造を説明する

Question

このコードは、Web サイトの 1 つで見つかりました。明らかに、フォント ファミリを定義するのは CSS スタイルです。しかし、私はこの構造を得ることができませんでした。私を助けてください。前もって感謝します。

font-family: "Open Sans",Helvetica,Arial,sans-serif;

Answer 1

最初にOpen Sansフォントを読み込み、利用できない場合は Helvetica を読み込み、 Helveticaが利用できない場合はArialを読み込み、利用できない場合は別のサンセリフフォントを読み込みます。

ドキュメント:

プロパティ値は、フォント ファミリ名および/または一般的なファミリ名の優先順位付けされたリストです。他のほとんどの CSS プロパティとは異なり、コンポーネントの値はコンマで区切られており、代替であることを示しています。

body { font-family: Gill, Helvetica, sans-serif }

フォント ファミリ名には次の 2 種類があります。

<family-name>

選択したフォント ファミリの名前。最後の例では、「Gill」と「Helvetica」がフォント ファミリーです。

<generic-family>

上記の例では、最後の値は一般的な姓です。次のジェネリック ファミリが定義されています。

    'serif' (e.g., Times)
    'sans-serif' (e.g., Helvetica)
    'cursive' (e.g., Zapf-Chancery)
    'fantasy' (e.g., Western)
    'monospace' (e.g., Courier)

Answer 2

ブラウザはリストの最初のフォントを使用しようとし、インストールされていない場合はリストの次のフォントに移動します。