web-dev-qa-db-ja.com

スタックフォントファミリを使用する場合、指定されたフォントが存在しない場合、ブラウザは何を使用しますか?

単純なHTMLコードの例:

<p>font family</p>

簡単なCSSコード例:

p {
    font-family: Arial, Helvettica, sans-serif;
}
  1. ブラウザはArialを探します
  2. Arial存在しないで、Helvetticaを探します
  3. Helvettica存在しないで、sans-serifを探します

質問

  • ブラウザこれらのフォントファミリが見つからないの場合はどうなりますか?
  • ブラウザがデフォルトフォントを使用している場合、どのフォントが使用されますか?
7
Akash Preet

ブラウザのデフォルトのフォントは使用しません。ただし、デフォルトのsans-serifフォントを使用します。フォントスタックの最後のフォントは特定のフォントではありません。これは一般的な名前です。一部のブラウザでは設定できますが、デフォルトではユーザーのコンピューターのOSに設定されます。

参照URL: https://developer.mozilla.org/en-US/docs/Web/CSS/font-family

9
marc

ブラウザのデフォルトのフォントに頼ります。この場合、sans-serif仕様では、デフォルトのsans-serifフォントが検索されます。 Windowsの場合、このフォントはArialであり、Macの場合はHelveticaであると思います(そのことを引用しないでください。私が見たのは久しぶりです)。マシンにsans-serifフォントが存在しない場合、ブラウザはグローバルなデフォルト(通常はTimes New Roman)に切り替わります。デフォルト設定でフォントが見つからない場合、システムがフォントマネージャから最初に生成するものを受け入れます。

4
Joel Etherton

繰り返される虚偽があります。リスト内の他の要素が利用できない場合、ブラウザは「serif」または「sans-serif」の「システムデフォルト」を選択します。 Firefoxでのテスト(実際、Debian Jessie 8.2のIceweasel 38)では、ブラウザはフォントの選択方法がかなりインテリジェントです。 「sans-serif」の前に「Arial」が付いている場合、「Verdana」の場合とは異なるフォントが選択されます。セリフについても同様です。さらに、フォントの伸縮と重量が考慮されます。つい最近、聞いたことのないフォントに対してDejaVu Sans ExtraLightが自動的に選択されることに気付きました。アルゴリズムがどのように機能し、すべてのブラウザでどのように機能するかを知りたいのですが、これは私が見つけることができない1つの答えです。

1
NoName787