CSS の複数単語のフォント ファミリには引用符が必要ですか?

フォント ファミリーの引用: 必要な謎?

CSS では、font-family プロパティの構文によって、次のような疑問が残ります。複数の単語を含むフォント名には引用符が必要です。この記事では、この慣行の背後にある理論的根拠を調査します。

引用符は必要ですか?

CSS 2.1 仕様によれば、フォント ファミリ名は文字列として引用符で囲まれても、引用符で囲まれても定義できません。一連の識別子として。ただし、エスケープの問題を避けるために、名前を空白、数字、またはハイフン以外の句読点で引用することをお勧めします。

最新のブラウザは気にしますか?

推奨にもかかわらず、最新のブラウザはSafari や Firefox などのブラウザは、引用符で囲まれていないフォント名を正しく表示するようです。このため、引用が依然として必要なのかどうか疑問を抱く人もいます。

潜在的な落とし穴

引用符で囲まれていない名前に関する問題がないことは、その名前が受け入れられることを示唆していますが、引用が必要な特定のシナリオもあります。は必須です:

• CSS キーワードと同じフォント名 (例: "inherit"、"serif")
• 今後予約されているキーワード ("initial"、"default")
• / や ! などの特殊文字を含む名前

結論

CSSの仕様と可能性に基づく落とし穴として、最新のブラウザでは複数の単語を含むフォント名を引用符で囲む必要がない場合がありますが、依然として引用符で囲むことがベスト プラクティスです。これにより、さまざまなブラウザ間で一貫したレンダリングが保証され、潜在的な問題のリスクが最小限に抑えられます。

以上がCSS の複数単語のフォント ファミリには引用符が必要ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。