css - 同じスタイル内の複数のフォントを定義するCssクラス

Question

私のcssクラスでは、次のスタイルが定義されています。

.x-window-dlg .ext-mb-textarea {
    font:normal 12px tahoma,arial,helvetica,sans-serif;
}

現在、tahoma、arial、helveticaはすべて異なるフォントです。では、このスタイルを選択すると、どちらが適用されますか？

Answer 1

一部のブラウザでは、一部のフォントがサポートされていません。

タホマがサポートされていない場合は、arialを適用します。

arialがサポートされていない場合は、helveticaが適用されます。

Answer 2

フォントは表示順に選択されます。

したがって、あなたの場合、Tahomaは、訪問者のOS、Arial、Helveticaなどに存在するかどうかを示します。

場合によっては、さまざまな訪問者プラットフォームにさまざまな類似フォントを提供したいことがあります。

使用するコアフォントの詳細については、このリンクを参照してくださいhttp://en.wikipedia.org/wiki/Core_fonts_for_the_Web

Answer 3

複数のフォントファミリをリストする場合は、最初のフォントファミリが選択されます。他は、最初のロードに失敗した場合のフォールバックです。

Answer 4

フォントの選択は、仕様に基づいて文字ごとに行われますが、ブラウザではこれが難しい場合があります。そのため、コンテンツ内の文字については、ブラウザがTahomaに含まれているかどうかを検査し、含まれていない場合はArialなどをチェックします。当然、ユーザーのコンピュータにフォントの一部がない場合は、このプロセスでスキップされます。