0

Web サイトに使用するフォントを決定しようとしています。

人々が a を指定するfont-familyと、フォントのリストが表示されるのはなぜですか? 使用するフォントを 1 つだけ指定する方法はありますか? ユーザーがサイトにアクセスするために使用しているブラウザに応じて、リストとは異なるフォントが使用されていますか?

これは私が他の人がそれをしているのを見た方法です:

body {
    font: 14px Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif;
    color: rgba(51,51,51,1);
}

このようにしない理由はありますか？

body {
    font: 14px Cambria;
    color: rgba(51,51,51,1);
}
4

3 に答える 3

3

それらはフォントをフォールバックします。リストされている最初のフォントがオペレーティング システムで使用できない場合は、次のフォントが使用されます。それが利用できない場合は、その後の次のものが使用されます。などなど。最後のフォントは通常、すべてのシステムで使用できる一般的なフォント (セリフなど) です。

于 2013-03-29T01:20:01.207 に答える
2

値としてフォントのリストを指定する理由は 2 つありfont-familyます。

まず、プライマリ フォントがユーザーのシステムにインストールされていない可能性があります。たとえば、Cambria は比較的新しいバージョンの Windows にのみ存在します。この例のフォント リストは特に適切ではありません。Cambria が使用できない場合はほとんどの場合、一般的なブラウザーのデフォルトである Times New Roman にフォールバックし、通常の画面ではうまく機能しないからです。

第 2 に、プライマリ フォントでサポートされていない文字がテキストに含まれている可能性があります。たとえば、テキストに「℀」 (U+2100 ACCOUNT OF) が含まれている場合、リストされているフォントにはそれが含まれていないため、ブラウザ依存のフォールバック フォントが使用され、多くの場合、タイポグラフィの不一致が発生します。(したがって、そのような文字が表示される場合は、リストが長くなるはずです。) 一部のブラウザー (IE の一部のバージョン) では、適切なフォント リストを使用して手助けしない限り、文字のレンダリングにまったく失敗することさえあります。

最近では、ダウンロード可能なフォント (Web フォント) を経由@font-faceして使用することが多く、すべてのブラウザーで使用されることを期待しているため、他のフォントをリストする必要はありません。ただし、ダウンロード可能なフォントでさえ失敗する場合があります。フォントの読み込みに失敗したり (ネットワークの問題)、ブラウザーの設定によってダウンロード可能なフォントが使用できない場合があります。これが、ダウンロード可能なフォントを使用する場合でも代替フォントを使用することをお勧めする理由です。

ダウンロード可能なフォントをプライマリ フォントとして使用する場合、フォールバック フォントを使用するもう 1 つの理由があります。ダウンロードに時間がかかる場合があり、フォントを待機している間、ブラウザーはフォールバック フォントを使用してテキストをレンダリングします。フォントがダウンロードされると、ブラウザがそのフォントに変わります。ここでやや不快な「フラッシュ」効果を減らすために、ダウンロード可能なフォントに十分に似たフォールバック フォントまたは代替フォールバック フォントを指定することができます。

于 2013-03-29T04:56:37.093 に答える
1

これらの余分なフォントはフォールバックです。クライアントのマシンに最初のフォントがない場合は、2 番目、3 番目などを探します...

このようにしない理由はありますか？body { font: 14px Cambria; color: rgba(51,51,51,1); }

特定のフォントまたはそれに近いフォントを使用する場合は、フォールバック フォントを含める必要があります。ブラウザがデフォルトのシステム フォントを使用することを気にしないのであれば、それらを含めるかどうかは問題ではありません。

于 2013-03-29T01:20:15.333 に答える