単純なHTMLコードの例:
<p>font family</p>
簡単なCSSコード例:
p {
font-family: Arial, Helvettica, sans-serif;
}
Arial
を探しますArial
は存在しないで、Helvettica
を探しますHelvettica
は存在しないで、sans-serif
を探します質問
ブラウザのデフォルトのフォントは使用しません。ただし、デフォルトのsans-serifフォントを使用します。フォントスタックの最後のフォントは特定のフォントではありません。これは一般的な名前です。一部のブラウザでは設定できますが、デフォルトではユーザーのコンピューターのOSに設定されます。
参照URL: https://developer.mozilla.org/en-US/docs/Web/CSS/font-family
ブラウザのデフォルトのフォントに頼ります。この場合、sans-serif仕様では、デフォルトのsans-serifフォントが検索されます。 Windowsの場合、このフォントはArialであり、Macの場合はHelveticaであると思います(そのことを引用しないでください。私が見たのは久しぶりです)。マシンにsans-serifフォントが存在しない場合、ブラウザはグローバルなデフォルト(通常はTimes New Roman)に切り替わります。デフォルト設定でフォントが見つからない場合、システムがフォントマネージャから最初に生成するものを受け入れます。
繰り返される虚偽があります。リスト内の他の要素が利用できない場合、ブラウザは「serif」または「sans-serif」の「システムデフォルト」を選択します。 Firefoxでのテスト(実際、Debian Jessie 8.2のIceweasel 38)では、ブラウザはフォントの選択方法がかなりインテリジェントです。 「sans-serif」の前に「Arial」が付いている場合、「Verdana」の場合とは異なるフォントが選択されます。セリフについても同様です。さらに、フォントの伸縮と重量が考慮されます。つい最近、聞いたことのないフォントに対してDejaVu Sans ExtraLightが自動的に選択されることに気付きました。アルゴリズムがどのように機能し、すべてのブラウザでどのように機能するかを知りたいのですが、これは私が見つけることができない1つの答えです。