11

サイトポイント(私が通常非常に信頼するソース) によると、名前を指定する際にfont-family一部のオペレーティング システム/ブラウザーで大文字と小文字が区別される場合があります。

私は通常、常に大文字と小文字が混在する値を使用してきましたが、小文字の値も同じように機能するのでしょうか?

どちらの方法でも圧倒的な好みはありませんが、CSS ファイルのどこかに"v"小文字を入力したため、ページのレンダリングが異なるのは嫌いです。"V"

たとえば、以下のfooおよびbarクラスを含む 2 つの div が実際に異なるフォントでレンダリングされる既知のケースはありますか?

div.foo{
  font-family:Verdana, Arial, Helvetica;
}

div.bar{
  font-family:verdana, arial, helvetica;
}
4

4 に答える 4

12

CSS構文の概要は言うが

次のルールは常に適用されます: CSS の制御下にない部分を除いて、すべての CSS スタイル シートは大文字と小文字を区別しません。たとえば、HTML 属性の「id」と「class」、フォント名、および URIの値の大文字と小文字の区別は、この仕様の範囲外です。要素名は、HTML では大文字と小文字が区別されませんが、XML では大文字と小文字が区別されることに特に注意してください。

css3-fonts モジュールセクションでは、大文字と小文字を区別しない比較が義務付けられています。

他のファミリ名の場合、ユーザー エージェントは @font-face ルールで定義されたフォントの中からファミリ名を探し、次に利用可能なシステム フォントの中からファミリ名を見つけようとし、大文字と小文字を区別しない比較で名前を照合します。

そのため、CSS3 仕様では、フォント名を大文字と小文字を区別せずに処理する必要があります。

于 2012-03-16T05:31:20.923 に答える
3

この男はフレックスを使用するときに問題を抱えているように見えるので、これにはいくつかの真実があるようです:

Flex で CSS を使用してコンポーネントのスタイルを設定する場合、オペレーティング システムによっては font-family プロパティで大文字と小文字が区別される場合があります。たとえば、次の CSS は、Flash Player 10 を搭載した私の Safari ブラウザーでは機能しません。

.content{font-family: arial;}

しかし、これはうまくいきます：

.content{font-family: Arial;}

ソース

また、ご使用のブラウザー/OS でこれを確認するために使用できるこのページもご覧ください。

http://meyerweb.com/eric/css/tests/font-name-case-test.html

于 2009-10-21T18:17:57.023 に答える
2

これは、ファイル システムで大文字と小文字が区別される Linux/Unix システムでのみ潜在的な問題になると思います。フォントは C:\Windows\Fonts ディレクトリ内の単なるファイルであるため、Windows ブラウザーでこれに問題があったとしたら驚きです。

Courier New のような認識可能なフォントでテスト テキストを含むページを作成することもできますが、「CoUrIEr nEW」のように変な綴りにしてから、http: //browsershots.org/ にアクセスすると、大量のブラウザーからスクリーンショットが生成されます。スクリーンショットは小さいので、フォントも非常に大きくしてください。

このようなもの：

<html>
<head>
<style type="text/css">
#proper   { font: bold 48px "Courier New",Courier; }
#improper { font: bold 48px "CoUrIEr nEW",CoUrIEr; }
</style>
</head>
<body>
<p id="proper">Test1 - proper caps</p>
<p id="improper">Test2 - improper caps</p>
</body>
</html>

Courier に1 行しか表示されない場合、そのブラウザでは大文字と小文字が区別されます。

編集：上に投稿したHTMLをブラウザショットでテストしました。動作しないブラウザは見つかりませんでした。Ubuntu Linux 用の Dillo 2.1.1 はどちらの行も好きではありませんでした (おそらくそのシステムには Courier New と Courier の両方が欠けていたのでしょうか?)。ただし、まだテストされていないモバイル ブラウザーもあります。

于 2009-10-21T19:32:00.370 に答える
0

本当にいい質問です。個人的には、大文字と小文字の区別に関係する問題について聞いたことがありません。

さらに心配する必要があるのは、これらのフォントがさまざまなシステムに存在することです。Verdana と Arial は Mac では使用できません。Helvetica は Windows では使用できません。Win/Mac ディメンションで交差領域がゼロの 2 つのセットを定義しました。

于 2009-10-21T18:18:29.140 に答える